From 55e1d21e937169395afa0793aca1e3d8b5055cb9 Mon Sep 17 00:00:00 2001
From: Silvano Cerza <silvanocerza@gmail.com>
Date: Sat, 22 Feb 2025 11:08:18 +0100
Subject: [PATCH] Correctly clip the svg paths in the ActionsGutter

---
 .../conflicts-resolution/actions-gutter.tsx    | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/views/conflicts-resolution/actions-gutter.tsx b/src/views/conflicts-resolution/actions-gutter.tsx
index 97364e5..f2c690a 100644
--- a/src/views/conflicts-resolution/actions-gutter.tsx
+++ b/src/views/conflicts-resolution/actions-gutter.tsx
@@ -170,16 +170,28 @@ const ActionsGutter: React.FC<ActionsGutterProps> = ({
   };
 
   return (
-    <div ref={containerRef} style={{ width: "100%" }}>
+    <div
+      ref={containerRef}
+      style={{
+        width: "100%",
+        height: "100%",
+        overflow: "hidden",
+        position: "relative",
+      }}
+    >
       <svg
         style={{
           width: "100%",
           height: "100%",
           position: "absolute",
-          overflow: "visible",
         }}
       >
-        {diffChunks.map(drawChunk)}
+        <defs>
+          <clipPath id="gutter-clip">
+            <rect x="0" y="0" width="100%" height="100%" />
+          </clipPath>
+        </defs>
+        <g clipPath="url(#gutter-clip)">{diffChunks.map(drawChunk)}</g>
       </svg>
     </div>
   );