diff --git a/package.json b/package.json
index 93ddb4cf..2d116cb5 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@fontsource/lexend-deca": "5.0.5",
     "@fontsource/montserrat": "5.0.5",
     "@mui/material": "5.13.7",
+    "@muetab/react-color-gradient-picker": "0.1.2",
     "@sentry/react": "^7.57.0",
     "embla-carousel-autoplay": "8.0.0-rc10",
     "embla-carousel-react": "8.0.0-rc10",
@@ -26,7 +27,6 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-clock": "4.2.0",
-    "react-color-gradient-picker": "0.1.2",
     "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
     "react-modal": "3.16.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 87a07f62..2576d08f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,6 +19,9 @@ dependencies:
   '@fontsource/montserrat':
     specifier: 5.0.5
     version: 5.0.5
+  '@muetab/react-color-gradient-picker':
+    specifier: 0.1.2
+    version: 0.1.2(react-dom@18.2.0)(react@18.2.0)
   '@mui/material':
     specifier: 5.13.7
     version: 5.13.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react-dom@18.2.0)(react@18.2.0)
@@ -46,9 +49,6 @@ dependencies:
   react-clock:
     specifier: 4.2.0
     version: 4.2.0(react-dom@18.2.0)(react@18.2.0)
-  react-color-gradient-picker:
-    specifier: 0.1.2
-    version: 0.1.2(react-dom@18.2.0)(react@18.2.0)
   react-dom:
     specifier: ^18.2.0
     version: 18.2.0(react@18.2.0)
@@ -2256,6 +2256,16 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
+  /@muetab/react-color-gradient-picker@0.1.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Du/FbMpH+N6OuCfOQvUH6h6KaTopFn9R0aNc0DRvY5cm5bO6iJwdrNlOKdnijUvPIa0MNxWvwTuXJfEBEaXLsg==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^18.2.0
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@mui/base@5.0.0-beta.6(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-jcHy6HwOX7KzRhRtL8nvIvUlxvLx2Fl6NMRCyUSQSvMTyfou9kndekz0H4HJaXvG1Y4WEifk23RYedOlrD1kEQ==}
     engines: {node: '>=12.0.0'}
@@ -5242,16 +5252,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /react-color-gradient-picker@0.1.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-/woJfVZbp/lEwqdNfk/vxmuUj7K9imyF6C5mrsfvwvtF1uFr7THHRyEDPLZd4mD9N3opPl6Z7G7SZrFQ8qBq9w==}
-    peerDependencies:
-      react: ^16.13.1
-      react-dom: ^16.13.1
-    dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
     peerDependencies:
diff --git a/src/components/modals/main/settings/sections/background/Colour.jsx b/src/components/modals/main/settings/sections/background/Colour.jsx
index c89bd91f..ac266e70 100644
--- a/src/components/modals/main/settings/sections/background/Colour.jsx
+++ b/src/components/modals/main/settings/sections/background/Colour.jsx
@@ -1,13 +1,13 @@
 import variables from 'modules/variables';
 import { PureComponent, Fragment } from 'react';
-import { ColorPicker } from 'react-color-gradient-picker';
+import { ColorPicker } from '@muetab/react-color-gradient-picker';
 import { toast } from 'react-toastify';
 import SettingsItem from '../../SettingsItem';
 
 import hexToRgb from 'modules/helpers/background/hexToRgb';
 import rgbToHex from 'modules/helpers/background/rgbToHex';
 
-import 'react-color-gradient-picker/dist/index.css';
+import '@muetab/react-color-gradient-picker/dist/index.css';
 import '../../../scss/settings/react-color-picker-gradient-picker-custom-styles.scss';
 
 export default class ColourSettings extends PureComponent {