diff --git a/src/App.tsx b/src/App.tsx
index 019b832..db419e2 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -71,7 +71,7 @@ function App() {
 										width: '100%',
 										height: '100%',
 										position: 'fixed',
-										background: `linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), no-repeat center url(../src/images/backgrounds/${theme.backgroundImage})`,
+										background: `linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), no-repeat center url(backgrounds/${theme.backgroundImage})`,
 										backgroundSize: 'cover',
 										zIndex: -1,
 									}}
diff --git a/src/pages/settings/components/ThemeModalContent.tsx b/src/pages/settings/components/ThemeModalContent.tsx
index 0261c4e..2c76b4e 100644
--- a/src/pages/settings/components/ThemeModalContent.tsx
+++ b/src/pages/settings/components/ThemeModalContent.tsx
@@ -73,7 +73,7 @@ export default function ThemeModalContent({ selectedTheme }: any) {
 		<Stack
 			style={{
 				width: '100%',
-				background: `linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), no-repeat center url(../src/images/backgrounds/${selectedTheme.backgroundImage})`,
+				background: `linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), no-repeat center url(backgrounds/${selectedTheme.backgroundImage})`,
 				backgroundSize: 'cover',
 				backgroundColor: selectedTheme.backgroundColor,
 				borderRadius: '10px',