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}