From f5ba2b9388be791d24c63474ce6e8656f0354bda Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Sat, 21 Sep 2024 13:56:04 -0300
Subject: [PATCH] Add border around LanguageSelect elements

---
 src/css/_base.scss                          | 4 ++++
 src/js/components/Select/LanguageSelect.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

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,
             )}