From 7dbcd8686bb004f2bf1c6830c34a7be535512d4f Mon Sep 17 00:00:00 2001
From: zv <zv@zvcloud.net>
Date: Sun, 14 Jun 2026 11:15:37 +0200
Subject: [PATCH] fix: refine language selector styling

---
 components/ui/language-toggle.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/ui/language-toggle.tsx b/components/ui/language-toggle.tsx
index 3f3d988..2191868 100644
--- a/components/ui/language-toggle.tsx
+++ b/components/ui/language-toggle.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Languages } from "lucide-react";
+import { ChevronDown, Languages } from "lucide-react";
 import { useI18n, type Language } from "@/lib/i18n";
 
 export function LanguageToggle() {
@@ -8,16 +8,17 @@ export function LanguageToggle() {
   return (
     <label className="relative flex items-center">
       <span className="sr-only">{t("language.label")}</span>
-      <Languages className="pointer-events-none absolute left-3 size-4 text-muted" />
+      <Languages className="pointer-events-none absolute left-3.5 size-4 text-accent" />
       <select
         aria-label={t("language.label")}
         value={language}
         onChange={(event) => setLanguage(event.target.value as Language)}
-        className="surface-control h-10 appearance-none rounded-control py-2 pl-9 pr-3 text-xs font-semibold uppercase text-foreground transition hover:bg-surface-raised/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent"
+        className="surface-control h-11 min-w-36 appearance-none rounded-control py-2 pl-10 pr-10 text-sm font-medium text-foreground transition hover:bg-surface-raised/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent"
       >
         <option value="pl">{t("language.polish")}</option>
         <option value="en">{t("language.english")}</option>
       </select>
+      <ChevronDown className="pointer-events-none absolute right-3.5 size-4 text-muted" />
     </label>
   );
 }