UI: Improve UI consistency

.changeset/chilly-suits-hear.md

@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': patch
+---
+
+Improve UI consistency

apps/docs/app/docs/layout.tsx

@@ -20,11 +20,11 @@ const docsOptions: DocsLayoutProps = {
           ...option,
           icon: (
             <div
-              className="rounded-md p-1 shadow-lg ring-2 [&_svg]:size-6.5 md:[&_svg]:size-5"
+              className="rounded-md p-1 shadow-lg ring-2 m-0.5 border-2 [&_svg]:size-6.5 md:[&_svg]:size-5"
               style={
                 {
                   color,
-                  border: `1px solid color-mix(in oklab, ${color} 50%, transparent)`,
+                  borderColor: `color-mix(in oklab, ${color} 50%, transparent)`,
                   '--tw-ring-color': `color-mix(in oklab, ${color} 20%, transparent)`,
                 } as object
               }

packages/ui/src/components/layout/root-toggle.tsx

@@ -61,7 +61,7 @@ export function RootToggle({
         <PopoverTrigger
           {...props}
           className={cn(
-            'flex items-center gap-2.5 rounded-lg pe-2 hover:text-fd-accent-foreground',
+            'flex items-center gap-2 rounded-lg pe-2 hover:text-fd-accent-foreground',
             props.className,
           )}
         >