Adds line-height for InlineCode component

jvorcak · jvorcak · commit 7b67cb61aa24 · 2026-03-17T19:12:05.000+01:00
diff --git a/frontend/src/components/redpanda-ui/components/typography.tsx b/frontend/src/components/redpanda-ui/components/typography.tsx
@@ -213,7 +213,7 @@ interface InlineCodeProps extends React.HTMLAttributes<HTMLElement>, SharedProps
 export function InlineCode({ className, children, testId, ...props }: InlineCodeProps) {
   return (
     <code
-      className={cn('relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono font-semibold text-sm', className)}
+      className={cn('relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono font-semibold text-sm leading-8', className)}
       data-testid={testId}
       {...props}
     >

Original file line number	Diff line number	Diff line change
`@@ -213,7 +213,7 @@ interface InlineCodeProps extends React.HTMLAttributes<HTMLElement>, SharedProps`
`213`	`213`	`export function InlineCode({ className, children, testId, ...props }: InlineCodeProps) {`
`214`	`214`	`return (`
`215`	`215`	`<code`
`216`		`- className={cn('relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono font-semibold text-sm', className)}`
	`216`	`+ className={cn('relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono font-semibold text-sm leading-8', className)}`
`217`	`217`	`data-testid={testId}`
`218`	`218`	`{...props}`
`219`	`219`	`>`