diff --git a/packages/dockview-core/src/dnd/droptarget.scss b/packages/dockview-core/src/dnd/droptarget.scss
index d03cf502a..181ecbdab 100644
--- a/packages/dockview-core/src/dnd/droptarget.scss
+++ b/packages/dockview-core/src/dnd/droptarget.scss
@@ -22,26 +22,26 @@
             will-change: transform;
             pointer-events: none;
 
-            &.dv-droptarget-top {
-                &.dv-droptarget-small-vertical {
+            &.dv-drop-target-top {
+                &.dv-drop-target-small-vertical {
                     border-top: 1px solid var(--dv-drag-over-border-color);
                 }
             }
 
-            &.dv-droptarget-bottom {
-                &.dv-droptarget-small-vertical {
+            &.dv-drop-target-bottom {
+                &.dv-drop-target-small-vertical {
                     border-bottom: 1px solid var(--dv-drag-over-border-color);
                 }
             }
 
-            &.dv-droptarget-left {
-                &.dv-droptarget-small-horizontal {
+            &.dv-drop-target-left {
+                &.dv-drop-target-small-horizontal {
                     border-left: 1px solid var(--dv-drag-over-border-color);
                 }
             }
 
-            &.dv-droptarget-right {
-                &.dv-droptarget-small-horizontal {
+            &.dv-drop-target-right {
+                &.dv-drop-target-small-horizontal {
                     border-right: 1px solid var(--dv-drag-over-border-color);
                 }
             }
diff --git a/packages/dockview-core/src/dnd/droptarget.ts b/packages/dockview-core/src/dnd/droptarget.ts
index 79be0c3a7..67cc9c78b 100644
--- a/packages/dockview-core/src/dnd/droptarget.ts
+++ b/packages/dockview-core/src/dnd/droptarget.ts
@@ -271,21 +271,21 @@ export class Droptarget extends CompositeDisposable {
 
         toggleClass(
             this.overlayElement,
-            'dv-droptarget-small-vertical',
+            'dv-drop-target-small-vertical',
             isSmallY
         );
         toggleClass(
             this.overlayElement,
-            'dv-droptarget-small-horizontal',
+            'dv-drop-target-small-horizontal',
             isSmallX
         );
-        toggleClass(this.overlayElement, 'dv-droptarget-left', isLeft);
-        toggleClass(this.overlayElement, 'dv-droptarget-right', isRight);
-        toggleClass(this.overlayElement, 'dv-droptarget-top', isTop);
-        toggleClass(this.overlayElement, 'dv-droptarget-bottom', isBottom);
+        toggleClass(this.overlayElement, 'dv-drop-target-left', isLeft);
+        toggleClass(this.overlayElement, 'dv-drop-target-right', isRight);
+        toggleClass(this.overlayElement, 'dv-drop-target-top', isTop);
+        toggleClass(this.overlayElement, 'dv-drop-target-bottom', isBottom);
         toggleClass(
             this.overlayElement,
-            'dv-droptarget-center',
+            'dv-drop-target-center',
             quadrant === 'center'
         );
     }