diff --git a/src/css/_base.scss b/src/css/_base.scss
index 4f238b95e..a028d2646 100644
--- a/src/css/_base.scss
+++ b/src/css/_base.scss
@@ -75,6 +75,10 @@ html {
     .background-accent {
       background: var(--accent-color);
     }
+
+    .border-accent {
+      border: 1px solid var(--accent-color);
+    }
   }
 }
 
diff --git a/src/js/components/Select/LanguageSelect.tsx b/src/js/components/Select/LanguageSelect.tsx
index 81e75b1f3..ff817f189 100644
--- a/src/js/components/Select/LanguageSelect.tsx
+++ b/src/js/components/Select/LanguageSelect.tsx
@@ -16,7 +16,7 @@ export function LanguageSelect({ locale }: Props) {
           <Select.Option
             key={i}
             className={classNames(
-              "flex h-6 w-full justify-center no-underline mb-1 rounded",
+              "flex h-6 w-full justify-center no-underline mb-1 rounded border-accent",
               l.direction,
               l.name === locale.name ? "active" : undefined,
             )}