.

src/components/theme/ThemeToggle.tsx

@@ -20,7 +20,7 @@ export default function ThemeToggle() {
 
   return (
     <div
-      className="inline-flex h-10 shrink-0 items-center rounded-full border border-[var(--color-line)] bg-[var(--color-control)] p-1 shadow-[var(--shadow-control)] backdrop-blur-2xl"
+      className="inline-flex h-9 shrink-0 items-center rounded-full border border-[var(--color-line)] bg-[var(--color-control)] p-1 shadow-[var(--shadow-control)] backdrop-blur-2xl"
       role="group"
       aria-label="화면 테마"
     >
@@ -37,14 +37,13 @@ export default function ThemeToggle() {
             title={`${option.label} 모드`}
             onClick={() => setMode(option.value)}
             className={clsx(
-              'inline-flex h-8 min-w-8 items-center justify-center gap-1.5 rounded-full px-2 text-xs font-semibold transition duration-150 sm:min-w-10 lg:px-3',
+              'inline-flex h-7 w-7 items-center justify-center rounded-full text-xs font-semibold transition duration-150 sm:w-8',
               isSelected
                 ? 'bg-[var(--color-surface-strong)] text-[var(--color-text)] shadow-sm'
                 : 'text-[var(--color-text-subtle)] hover:bg-black/[0.04] hover:text-[var(--color-text)] dark:hover:bg-white/10',
             )}
           >
             <Icon size={15} strokeWidth={2.2} />
-            <span className="hidden lg:inline">{option.label}</span>
           </button>
         );
       })}