diff --git a/src/components/session/TabBar.vue b/src/components/session/TabBar.vue
index ae8855a..937f6e9 100644
--- a/src/components/session/TabBar.vue
+++ b/src/components/session/TabBar.vue
@@ -2,11 +2,12 @@
   <div class="flex items-center bg-[var(--wraith-bg-secondary)] border-b border-[var(--wraith-border)] h-9 shrink-0">
     <!-- Tabs -->
     <div class="flex items-center overflow-x-auto min-w-0">
-      <button
+      <div
         v-for="(session, index) in sessionStore.sessions"
         :key="session.id"
         draggable="true"
-        class="group flex items-center gap-1.5 px-3 h-9 text-xs whitespace-nowrap border-r border-[var(--wraith-border)] transition-all duration-500 cursor-pointer shrink-0"
+        role="tab"
+        class="group flex items-center gap-1.5 px-3 h-9 text-xs whitespace-nowrap border-r border-[var(--wraith-border)] transition-all duration-500 cursor-pointer shrink-0 select-none"
         :class="[
           session.id === sessionStore.activeSessionId
             ? 'bg-[var(--wraith-bg-primary)] text-[var(--wraith-text-primary)] border-b-2 border-b-[var(--wraith-accent-blue)]'
@@ -38,7 +39,7 @@
         >
           &times;
         </span>
-      </button>
+      </div>
     </div>
 
     <!-- New tab button -->
@@ -68,6 +69,7 @@ function onDragStart(index: number, event: DragEvent): void {
   draggedIndex.value = index;
   if (event.dataTransfer) {
     event.dataTransfer.effectAllowed = "move";
+    event.dataTransfer.setData("text/plain", String(index));
   }
 }