fix(dashboards): fix text card overlapping edit button (closes #26285, …

…#26413) (#26828) Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
PostHog · Dec 11, 2024 · 050513d · 050513d
1 parent 74d80fa
commit 050513d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/frontend/__snapshots__/components-cards-text-card--template--dark.png b/frontend/__snapshots__/components-cards-text-card--template--dark.png
diff --git a/frontend/__snapshots__/components-cards-text-card--template--light.png b/frontend/__snapshots__/components-cards-text-card--template--light.png
diff --git a/frontend/src/lib/components/Cards/TextCard/TextCard.tsx b/frontend/src/lib/components/Cards/TextCard/TextCard.tsx
@@ -34,8 +34,8 @@ interface TextCardBodyProps extends Pick<React.HTMLAttributes<HTMLDivElement>, '
 
 export function TextContent({ text, closeDetails, className }: TextCardBodyProps): JSX.Element {
     return (
-        <div className={clsx('p-2 w-full overflow-auto', className)} onClick={() => closeDetails?.()}>
-            <LemonMarkdown>{text}</LemonMarkdown>
+        <div className={clsx('w-full', className)} onClick={() => closeDetails?.()}>
+            <LemonMarkdown className="overflow-auto">{text}</LemonMarkdown>
         </div>
     )
 }
@@ -143,7 +143,7 @@ export function TextCardInternal(
             )}
 
             <div className="TextCard__body w-full">
-                <TextContent text={text.body} className="p-4" />
+                <TextContent text={text.body} className="p-4 pr-14" />
             </div>
 
             {showResizeHandles && (