diff --git a/src/components/PreferencesPage.vue b/src/components/PreferencesPage.vue
index e0f590c1..9ba14c23 100644
--- a/src/components/PreferencesPage.vue
+++ b/src/components/PreferencesPage.vue
@@ -603,6 +603,9 @@ export default {
     @apply flex justify-between items-center my-2 mx-[15vw] lt-md:mx-[2vw];
 }
 .pref:nth-child(odd) {
+    @apply bg-gray-200;
+}
+.dark .pref:nth-child(odd) {
     @apply bg-dark-800;
 }
 </style>