diff --git a/apps/desktop/src/App.css b/apps/desktop/src/App.css
index 5b8d832..03f71da 100644
--- a/apps/desktop/src/App.css
+++ b/apps/desktop/src/App.css
@@ -422,7 +422,7 @@ button:disabled {
   border: none;
   color: inherit;
   font-size: 1.1rem;
-  padding: 0 4px;
+  padding: 0;
   border-radius: 50%;
   opacity: 0.6;
   display: flex;
diff --git a/apps/desktop/src/components/Editor/Tab.tsx b/apps/desktop/src/components/Editor/Tab.tsx
index c1cc29d..fe37e6b 100644
--- a/apps/desktop/src/components/Editor/Tab.tsx
+++ b/apps/desktop/src/components/Editor/Tab.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { OpenTab } from '../../types/tabs';
+import { XMarkIcon } from '../Icons';
 
 interface TabProps {
   tab: OpenTab;
@@ -34,8 +35,9 @@ export function Tab({ tab, isActive, onSelect, onClose, onDoubleClick, onContext
           onClose(e);
         }}
         title="Close Tab"
+        aria-label="Close tab"
       >
-        ×
+        <XMarkIcon size={12} />
       </button>
     </div>
   );