diff --git a/compass/components/Table/ColumnHeader.tsx b/compass/components/Table/ColumnHeader.tsx
index 8520297..f4adcdb 100644
--- a/compass/components/Table/ColumnHeader.tsx
+++ b/compass/components/Table/ColumnHeader.tsx
@@ -14,6 +14,7 @@ import DataPoint from "@/utils/models/DataPoint";
 interface ColumnHeaderProps<T extends DataPoint> {
     header: Header<T, any>;
     details: Details | undefined;
+    hasHorizontalBorders: boolean;
     setFilterFn?: (field: string, filterFn: FilterFn) => void;
 }
 
@@ -30,6 +31,7 @@ function DropdownCheckIcon({ className }: { className?: string }) {
 export function ColumnHeader<T extends DataPoint>({
     header,
     details,
+    hasHorizontalBorders,
     setFilterFn,
 }: ColumnHeaderProps<T>) {
     const { column } = header;
@@ -90,7 +92,7 @@ export function ColumnHeader<T extends DataPoint>({
             scope="col"
             className={`border-gray-200 border-y font-medium ${
                 isFiltered ? "bg-purple-50" : ""
-            }`}
+            } ${hasHorizontalBorders ? "border-x" : ""}`}
             ref={headerRef}
         >
             <div>
diff --git a/compass/components/Table/Table.tsx b/compass/components/Table/Table.tsx
index 603e582..2ce3dc5 100644
--- a/compass/components/Table/Table.tsx
+++ b/compass/components/Table/Table.tsx
@@ -251,7 +251,7 @@ export default function Table<T extends DataPoint>({
                                         key={cell.id}
                                         className={`[&:nth-child(n+${
                                             2 + offset
-                                        })]:border-x pl-2 relative first:text-left first:px-0 last:border-none ${
+                                        })]:border-x px-2 relative first:text-left first:px-0 last:border-none ${
                                             cell.column.getIsFiltered()
                                                 ? "bg-purple-50"
                                                 : ""