diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx
index 6a3cb420..7249eb6c 100644
--- a/frontend/lib/registry/components/table-list/TableListComponent.tsx
+++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx
@@ -1248,20 +1248,23 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
             </DialogDescription>
           </DialogHeader>
 
-          <div className="max-h-[60vh] space-y-3 overflow-y-auto sm:space-y-4">
+          <div className="max-h-[60vh] space-y-2 overflow-y-auto py-4">
             {(tableConfig.filter?.filters || []).map((filter) => (
-            <div className="flex items-center gap-3 rounded p-2 hover:bg-muted">
+              <div 
+                key={filter.columnName}
+                className="flex items-center space-x-3 rounded-lg p-3 hover:bg-gray-50"
+              >
                 <Checkbox
                   id={`filter-${filter.columnName}`}
                   checked={visibleFilterColumns.has(filter.columnName)}
                   onCheckedChange={() => toggleFilterVisibility(filter.columnName)}
                 />
-                <Label
+                <label
                   htmlFor={`filter-${filter.columnName}`}
-                  className="flex-1 cursor-pointer text-xs font-normal sm:text-sm"
+                  className="flex-1 cursor-pointer text-sm"
                 >
                   {columnLabels[filter.columnName] || filter.label || filter.columnName}
-                </Label>
+                </label>
               </div>
             ))}
           </div>