diff --git a/apps/frontend/src/app/components/admin-reports/admin-reports.component.ts b/apps/frontend/src/app/components/admin-reports/admin-reports.component.ts
index 000affc..fa840b4 100644
--- a/apps/frontend/src/app/components/admin-reports/admin-reports.component.ts
+++ b/apps/frontend/src/app/components/admin-reports/admin-reports.component.ts
@@ -1401,6 +1401,11 @@ import { ProfileReportWithUsers, CommentReportWithDetails, ReportStatus, ReportR
       cursor: pointer;
     }
 
+    select.form-control option {
+      background: var(--witch-moon);
+      color: var(--witch-purple);
+    }
+
     textarea.form-control {
       resize: vertical;
       min-height: 100px;
diff --git a/apps/frontend/src/app/components/settings/settings.component.ts b/apps/frontend/src/app/components/settings/settings.component.ts
index 0acb59b..8b7a369 100644
--- a/apps/frontend/src/app/components/settings/settings.component.ts
+++ b/apps/frontend/src/app/components/settings/settings.component.ts
@@ -304,6 +304,11 @@ import { User, PrimaryBadge } from '@library/shared-types';
       cursor: pointer;
     }
 
+    .form-group select option {
+      background: #1a1a2e;
+      color: var(--text-colour, #e0e0e0);
+    }
+
     .form-group input[type="text"]:focus,
     .form-group textarea:focus,
     .form-group select:focus {