fix tab close icon

franciscoBSalgueiro · Oct 29, 2023 · 93f6ba5 · 93f6ba5
1 parent 9bef187
commit 93f6ba5
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/src/components/tabs/BoardTab.tsx b/src/components/tabs/BoardTab.tsx
@@ -1,4 +1,10 @@
-import { CloseButton, createStyles, Menu, Tabs, Tooltip } from "@mantine/core";
+import {
+  ActionIcon,
+  createStyles,
+  Menu,
+  Tabs,
+  Tooltip,
+} from "@mantine/core";
 import { useClickOutside, useHotkeys, useToggle } from "@mantine/hooks";
 import { IconCopy, IconEdit, IconX } from "@tabler/icons-react";
 import { useEffect } from "react";
@@ -85,14 +91,15 @@ export function BoardTab({
             className={classes.tab}
             value={tab.value}
             rightSection={
-              <CloseButton
-                component="div"
-                size={14}
+              <ActionIcon
                 onClick={(e) => {
                   closeTab(tab.value);
                   e.stopPropagation();
                 }}
-              />
+                size={14}
+              >
+                <IconX />
+              </ActionIcon>
             }
             onPointerDown={(e) => {
               if (e.button == 0) {