From e3e79314d93944aa63c09d02d1760f106e656a50 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 26 Feb 2025 09:40:51 +0800
Subject: [PATCH] fix(editor): adjust padding in LanguageSelector component for
 better alignment

---
 .../@workspace/@editor/components/language-selector.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx b/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx
index c1aeb84..3e81de2 100644
--- a/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx
+++ b/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx
@@ -15,14 +15,14 @@ export default function LanguageSelector() {
 
   return (
     <Select value={language} onValueChange={setLanguage}>
-      <SelectTrigger className="h-6 px-1.5 py-0.5 [&>span]:flex [&>span]:items-center [&>span]:gap-2 [&>span_svg]:shrink-0 [&>span_svg]:text-muted-foreground/80">
+      <SelectTrigger className="h-6 px-1.5 py-0.5 border-none focus:ring-0 hover:bg-muted [&>span]:flex [&>span]:items-center [&>span]:gap-2 [&>span_svg]:shrink-0 [&>span_svg]:text-muted-foreground/80">
         <SelectValue placeholder="Select language" />
       </SelectTrigger>
       <SelectContent className="[&_*[role=option]>span>svg]:shrink-0 [&_*[role=option]>span>svg]:text-muted-foreground/80 [&_*[role=option]>span]:end-2 [&_*[role=option]>span]:start-auto [&_*[role=option]>span]:flex [&_*[role=option]>span]:items-center [&_*[role=option]>span]:gap-2 [&_*[role=option]]:pe-8 [&_*[role=option]]:ps-2">
         {SUPPORTED_LANGUAGES.map((lang) => (
           <SelectItem key={lang.id} value={lang.id}>
             {lang.icon}
-            <span className="truncate text-sm font-semibold mr-1">
+            <span className="truncate text-sm font-semibold mr-2">
               {lang.label}
             </span>
           </SelectItem>