diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index e7633aa51..a306788e2 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -311,21 +311,29 @@ html {
     opacity: .38;
   }
 
+  .dragover__top,
+  .dragover__bottom {
+    box-shadow: none !important;
+  }
+
   .dragover__top::after,
   .dragover__bottom::after {
     content: "";
-    width: var(--file-toggle-width);
-    height: 4px;
-    background-color: var(--b3-theme-surface);
     position: absolute;
-    left: 0;
-    bottom: -2px;
+    height: 4px;
+    width: calc(100% - var(--file-toggle-width));
+    left: var(--file-toggle-width);
+    background-color: var(--b3-theme-primary-lighter);
     z-index: 1;
+    pointer-events: none;
   }
 
   .dragover__top::after {
     top: -3px;
-    bottom: auto;
+  }
+
+  .dragover__bottom::after {
+    bottom: -2px;
   }
 
   &__close {
diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 887581bcb..e8ca164e9 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -140,6 +140,7 @@
       height: 4px;
       background-color: var(--b3-theme-primary-lighter);
       z-index: 3;
+      pointer-events: none;
     }
 
     &.dragover__top::after {