diff --git a/src/components/tabs.module.css b/src/components/tabs.module.css
index b36c17f..949b1d1 100644
--- a/src/components/tabs.module.css
+++ b/src/components/tabs.module.css
@@ -30,6 +30,7 @@
                 color: inherit;
                 padding: var(--padding-m) 0;
                 border: none;
+                cursor: pointer;
 
                 &:first-child {
                     padding-inline-start: var(--padding-l);
diff --git a/src/components/tabs.tsx b/src/components/tabs.tsx
index 1b0c75e..9d05645 100644
--- a/src/components/tabs.tsx
+++ b/src/components/tabs.tsx
@@ -1,7 +1,7 @@
 import { Accessor, children, createContext, createEffect, createMemo, createSignal, For, JSX, onCleanup, ParentComponent, Setter, Show, useContext } from "solid-js";
-import { IoCloseCircleOutline } from "solid-icons/io";
-import css from "./tabs.module.css";
 import { Command, CommandType, noop, useCommands } from "~/features/command";
+import { AiOutlineClose } from "solid-icons/ai";
+import css from "./tabs.module.css";
 
 interface TabsContextType {
     activate(id: string | undefined): void;
@@ -72,7 +72,7 @@ const _Tabs: ParentComponent<{ active: string | undefined, onClose?: CommandType
                     <span class={css.handle} classList={{ [css.active]: props.active === id }}>
                         <button onpointerdown={() => tabsContext.activate(id)}>{label}</button>
                         <Show when={closable}>
-                            <button onPointerDown={onClose}> <IoCloseCircleOutline /></button>
+                            <button onPointerDown={onClose}> <AiOutlineClose /></button>
                         </Show>
                     </span>
                 </Command.Context>