From c3915981b415e9a3997a3bb14791141c6456a186 Mon Sep 17 00:00:00 2001
From: Ammar <ammar+ai@ammar.io>
Date: Sat, 15 Nov 2025 23:23:55 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20fix:=20hide=20diff=20padding=20w?=
 =?UTF-8?q?hen=20no=20overflow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/shared/DiffRenderer.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/shared/DiffRenderer.tsx b/src/components/shared/DiffRenderer.tsx
index 8a97334e7..9a4233b55 100644
--- a/src/components/shared/DiffRenderer.tsx
+++ b/src/components/shared/DiffRenderer.tsx
@@ -107,13 +107,16 @@ export const DiffContainer: React.FC<
     };
   }, [resolvedMaxHeight, clampContent]);
 
+  const showOverflowControls = clampContent && isOverflowing;
+
   return (
     <div className={cn("relative m-0 rounded bg-code-bg py-1.5 [&_*]:text-[inherit]", className)}>
       <div
         ref={contentRef}
         className={cn(
           "grid overflow-x-auto",
-          clampContent ? "pb-6 overflow-y-hidden" : "overflow-y-visible"
+          clampContent ? "overflow-y-hidden" : "overflow-y-visible",
+          showOverflowControls && "pb-6"
         )}
         style={{
           fontSize: fontSize ?? "12px",
@@ -125,7 +128,7 @@ export const DiffContainer: React.FC<
         {children}
       </div>
 
-      {clampContent && isOverflowing && (
+      {showOverflowControls && (
         <>
           <div className="via-[color-mix(in srgb, var(--color-code-bg) 80%, transparent)] pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-[var(--color-code-bg)] to-transparent" />
           <div className="absolute inset-x-0 bottom-0 flex justify-center pb-1.5">