Merge pull request #2915 from Agenta-AI/bug-/-text-overlap-issue-in-playground-ui

bekossy · web-flow · commit db386231d21b · 2025-11-17T13:12:21.000+01:00
[fix] Text overlap issue in Playground UI
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
@@ -68,7 +68,7 @@ const GenerationHeader = ({variantId}: GenerationHeaderProps) => {
     return (
         <div
             className={clsx(
-                "h-[48px] flex justify-between items-center gap-4 sticky top-0 z-1000 !bg-[white]",
+                "h-[48px] flex justify-between items-center gap-4 sticky top-0 z-[1000] !bg-[white]",
                 classes.container,
             )}
         >

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ const GenerationHeader = ({variantId}: GenerationHeaderProps) => {`
`68`	`68`	`return (`
`69`	`69`	`<div`
`70`	`70`	`className={clsx(`
`71`		`- "h-[48px] flex justify-between items-center gap-4 sticky top-0 z-1000 !bg-[white]",`
	`71`	`+ "h-[48px] flex justify-between items-center gap-4 sticky top-0 z-[1000] !bg-[white]",`
`72`	`72`	`classes.container,`
`73`	`73`	`)}`
`74`	`74`	`>`