Refine component outlines

.vscode/settings.json

@@ -62,6 +62,7 @@
     "UsKSGcbt",
     "Velvia",
     "verceldb",
+    "viewerjs",
     "WRHGZC",
     "wxyz",
     "zadd",

src/app/AppViewSwitcher.tsx

@@ -91,7 +91,7 @@ export default function AppViewSwitcher({
   return (
     <div
       className={clsx(
-        'flex gap-1 sm:gap-2',
+        'flex gap-1.5 sm:gap-2',
         className,
       )}
     >

src/cmdk/CommandKClient.tsx

@@ -576,7 +576,7 @@ export default function CommandKClient({
     >
       <Modal
         anchor='top'
-        className="rounded-lg!"
+        className="rounded-[12px]!"
         onClose={() => setIsOpen?.(false)}
         noPadding
         fast

src/components/Switcher.tsx

@@ -11,12 +11,10 @@ export default function Switcher({
   return (
     <div className={clsx(
       'flex divide-x overflow-hidden',
+      // Apply offset due to outline strategy
+      'translate-x-[1px] rounded-[5px]',
       'divide-medium',
-      'border rounded-md',
-      type === 'regular'
-        ? 'border-medium'
-        : 'border-transparent',
-      type === 'regular' && 'shadow-xs',
+      type === 'regular' && 'outline-medium shadow-xs',
     )}>
       {children}
     </div>