From 19ee027c52d1c86779f72d11eb7548adef976f34 Mon Sep 17 00:00:00 2001
From: Jakub Kracina <jakub.kracina@e2b.dev>
Date: Tue, 23 Jun 2026 14:06:04 +0200
Subject: [PATCH] fix: fix scrolling header visual broken layout in templates

---
 src/features/dashboard/templates/builds/table.tsx | 5 ++++-
 src/features/dashboard/templates/list/table.tsx   | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/features/dashboard/templates/builds/table.tsx b/src/features/dashboard/templates/builds/table.tsx
index 3579f4d95..9acbdb50e 100644
--- a/src/features/dashboard/templates/builds/table.tsx
+++ b/src/features/dashboard/templates/builds/table.tsx
@@ -235,7 +235,10 @@ const BuildsTable = ({
       >
         <DataTableHeader className="sticky top-0 z-30 bg-bg">
           {table.getHeaderGroups().map((headerGroup) => (
-            <DataTableRow key={headerGroup.id} className="border-b-0">
+            <DataTableRow
+              key={headerGroup.id}
+              className="border-b-0 -mx-2 px-2 w-[calc(100%+16px)]"
+            >
               {headerGroup.headers.map((header) => (
                 <DataTableHead
                   key={header.id}
diff --git a/src/features/dashboard/templates/list/table.tsx b/src/features/dashboard/templates/list/table.tsx
index 5a5ffa4cd..5ec940906 100644
--- a/src/features/dashboard/templates/list/table.tsx
+++ b/src/features/dashboard/templates/list/table.tsx
@@ -184,7 +184,10 @@ export default function TemplatesTable() {
         >
           <DataTableHeader className="sticky top-0 shadow-xs bg-bg z-30">
             {table.getHeaderGroups().map((headerGroup) => (
-              <DataTableRow key={headerGroup.id} className="border-b-0">
+              <DataTableRow
+                key={headerGroup.id}
+                className="border-b-0 -mx-2 px-2 w-[calc(100%+16px)]"
+              >
                 {headerGroup.headers.map((header) => (
                   <DataTableHead
                     key={header.id}