diff --git a/src/interface/web/app/settings/settings.module.css b/src/interface/web/app/settings/settings.module.css
index d0c8c1b3..5cb41e51 100644
--- a/src/interface/web/app/settings/settings.module.css
+++ b/src/interface/web/app/settings/settings.module.css
@@ -14,6 +14,11 @@ div.phoneInput {
     padding: 0rem;
 }
 
+:global(.dark) div.phoneInput :global(.iti__dropdown-content) {
+    --iti-dropdown-bg: hsl(var(--background));
+    --iti-hover-color: hsl(var(--accent));
+}
+
 div.phoneInput input {
     width: 100%;
     padding: 0.5rem;