From 93f6ba5117a166735fbbb6baa2d2aa1bff86a83b Mon Sep 17 00:00:00 2001
From: Francisco Salgueiro <fgcdbs@gmail.com>
Date: Sun, 29 Oct 2023 15:38:51 +0000
Subject: [PATCH] fix tab close icon

---
 src/components/tabs/BoardTab.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/tabs/BoardTab.tsx b/src/components/tabs/BoardTab.tsx
index 421943ba..675a69fd 100644
--- 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) {