diff --git a/src/pages/settings/components/ThemeModal.tsx b/src/pages/settings/components/ThemeModal.tsx
index 3c2f856..f3648d0 100644
--- a/src/pages/settings/components/ThemeModal.tsx
+++ b/src/pages/settings/components/ThemeModal.tsx
@@ -44,7 +44,11 @@ function ThemeModal({
 			data-list-item
 			key={item}
 			display='block'
-			bg={index === hovered ? 'red' : undefined}
+			bg={
+				index === hovered
+					? `linear-gradient(${selectedTheme.backgroundColor}33, ${selectedTheme.backgroundColor}33), no-repeat center url(/backgrounds/${selectedTheme.backgroundImage})`
+					: undefined
+			}
 			p={50}
 			w={'90%'}
 			onClick={() =>