fix: remove font hack because of fixed fonts

scriptcoded · scriptcoded · commit 15b9d9f39ae9 · 2025-07-09T21:42:50.000+02:00
diff --git a/packages/ui-react/src/components/menu/menu.tsx b/packages/ui-react/src/components/menu/menu.tsx
@@ -168,8 +168,7 @@ const Item = ({
     >
       {icon && <span className="flex items-center justify-center">{icon}</span>}
 
-      {/* This 2px padding is there to fix some issues with the font not being correctly centered. */}
-      <span className="col-start-2 pt-[2px]">{children}</span>
+      <span className="col-start-2">{children}</span>
 
       <ChevronRightIcon className="size-4 hidden group-aria-[haspopup]/item:block" />
     </MenuPrimitive.Item>

Original file line number	Diff line number	Diff line change
`@@ -168,8 +168,7 @@ const Item = ({`
`168`	`168`	`>`
`169`	`169`	`{icon && <span className="flex items-center justify-center">{icon}</span>}`
`170`	`170`
`171`		`- {/* This 2px padding is there to fix some issues with the font not being correctly centered. */}`
`172`		`- <span className="col-start-2 pt-[2px]">{children}</span>`
	`171`	`+ <span className="col-start-2">{children}</span>`
`173`	`172`
`174`	`173`	`<ChevronRightIcon className="size-4 hidden group-aria-[haspopup]/item:block" />`
`175`	`174`	`</MenuPrimitive.Item>`