diff --git a/package.json b/package.json
index a9527201..0b7713b3 100644
--- a/package.json
+++ b/package.json
@@ -15,9 +15,9 @@
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@floating-ui/react-dom": "^1.0.0",
-    "@fontsource/lexend-deca": "4.4.5",
-    "@fontsource/montserrat": "4.4.5",
-    "@mui/material": "5.10.1",
+    "@fontsource/lexend-deca": "4.5.11",
+    "@fontsource/montserrat": "4.5.12",
+    "@mui/material": "5.10.2",
     "@sentry/react": "^7.11.1",
     "embla-carousel-autoplay": "^7.0.1",
     "embla-carousel-react": "^7.0.1",
diff --git a/src/components/modals/main/marketplace/sections/Create.jsx b/src/components/modals/main/marketplace/sections/Create.jsx
index fd7ad4e6..a603a4f5 100644
--- a/src/components/modals/main/marketplace/sections/Create.jsx
+++ b/src/components/modals/main/marketplace/sections/Create.jsx
@@ -390,7 +390,7 @@ export default class Create extends PureComponent {
 
     // photos
     const nextPhotosDisabled = !(
-      this.state.addonData.photos !== '' && this.state.addonData.photos !== []
+      this.state.addonData.photos !== ''
     );
     const addPhotos = (
       <>
diff --git a/src/components/widgets/Widgets.jsx b/src/components/widgets/Widgets.jsx
index e511e08a..151dcbc5 100644
--- a/src/components/widgets/Widgets.jsx
+++ b/src/components/widgets/Widgets.jsx
@@ -74,7 +74,9 @@ export default class Widgets extends PureComponent {
       <div id="widgets">
         <Suspense fallback={<></>}>
           {this.enabled('searchBar') ? <Search /> : null}
-          {this.state.order.map((element) => this.widgets[element])}
+          {this.state.order.map((element, key) => (
+            <Fragment key={key}>{this.widgets[element]}</Fragment>
+          ))}
           {this.enabled('weatherEnabled') && this.online ? <Weather /> : null}
         </Suspense>
       </div>
diff --git a/src/components/widgets/background/Background.jsx b/src/components/widgets/background/Background.jsx
index 9b465d8a..c70d829b 100644
--- a/src/components/widgets/background/Background.jsx
+++ b/src/components/widgets/background/Background.jsx
@@ -216,7 +216,6 @@ export default class Background extends PureComponent {
         if (
           customBackground !== '' &&
           customBackground !== 'undefined' &&
-          customBackground !== [''] &&
           customBackground !== undefined
         ) {
           const object = {
diff --git a/src/components/widgets/quote/Quote.jsx b/src/components/widgets/quote/Quote.jsx
index 7dbb8d10..adfda48a 100644
--- a/src/components/widgets/quote/Quote.jsx
+++ b/src/components/widgets/quote/Quote.jsx
@@ -204,8 +204,7 @@ export default class Quote extends PureComponent {
         if (
           customQuote &&
           customQuote !== '' &&
-          customQuote !== 'undefined' &&
-          customQuote !== ['']
+          customQuote !== 'undefined'
         ) {
           return this.setState({
             quote: '"' + customQuote.quote + '"',
diff --git a/src/index.jsx b/src/index.jsx
index 6f445fc1..87329c4c 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,4 +1,4 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import * as Sentry from '@sentry/react';
 
 import App from './App';
@@ -61,4 +61,4 @@ Sentry.init({
   autoSessionTracking: false,
 });
 
-render(<App />, document.getElementById('root'));
+createRoot(document.getElementById('root')).render(<App />);