diff --git a/frontend/app/tab/tab.scss b/frontend/app/tab/tab.scss
index 1e63b5763..325aad07e 100644
--- a/frontend/app/tab/tab.scss
+++ b/frontend/app/tab/tab.scss
@@ -103,7 +103,8 @@
 }
 
 // Only apply hover effects when not in nohover mode. This prevents the previously-hovered tab from remaining hovered while a tab view is not mounted.
-body:not(.nohover) .tab:hover {
+body:not(.nohover) .tab:hover,
+body:not(.nohover) .tab.dragging {
     & + .tab::after,
     &::after {
         content: none;
diff --git a/frontend/app/tab/tab.tsx b/frontend/app/tab/tab.tsx
index 4ae63722d..3f0d818ae 100644
--- a/frontend/app/tab/tab.tsx
+++ b/frontend/app/tab/tab.tsx
@@ -200,7 +200,7 @@ const Tab = memo(
                     ref={tabRef}
                     className={clsx("tab", {
                         active,
-                        isDragging,
+                        dragging: isDragging,
                         "before-active": isBeforeActive,
                         "new-tab": isNew,
                     })}