From 2ea7b891ef8e94c9879bbdde19a35b1b008d032e Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Fri, 30 Sep 2022 14:50:55 -0230
Subject: [PATCH] Change div to button so you can tab to it

---
 .../TableGridEditor/SidePanelEditor/TableEditor/Column.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/Column.tsx b/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/Column.tsx
index 4c1b851133d..a882b5c15d9 100644
--- a/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/Column.tsx
+++ b/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/Column.tsx
@@ -231,9 +231,9 @@ const Column: FC<Props> = ({
       </div>
       {!hasImportContent && (
         <div className="flex w-[5%] justify-end">
-          <div className="cursor-pointer" onClick={() => onRemoveColumn()}>
+          <button className="cursor-pointer" onClick={() => onRemoveColumn()}>
             <IconX strokeWidth={1} />
-          </div>
+          </button>
         </div>
       )}
     </div>