diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss
index 71cfdaab5..3e539c106 100644
--- a/frontend/resources/styles/main/partials/sidebar-layers.scss
+++ b/frontend/resources/styles/main/partials/sidebar-layers.scss
@@ -243,11 +243,11 @@
       }
 
       &.drag-top {
-        border-top: 40px solid $color-gray-lighter !important;
+        border-top: 40px solid $soft-ui-border !important;
       }
 
       &.drag-bottom {
-        border-bottom: 40px solid $color-gray-lighter !important;
+        border-bottom: 40px solid $soft-ui-border !important;
       }
 
       &.drag-inside {
diff --git a/frontend/resources/styles/main/partials/sidebar-sitemap.scss b/frontend/resources/styles/main/partials/sidebar-sitemap.scss
index 601eb8875..33db17c05 100644
--- a/frontend/resources/styles/main/partials/sidebar-sitemap.scss
+++ b/frontend/resources/styles/main/partials/sidebar-sitemap.scss
@@ -270,11 +270,11 @@
       }
 
       &.drag-top {
-        border-top: 40px solid $color-gray-lighter !important;
+        border-top: 40px solid $soft-ui-border !important;
       }
 
       &.drag-bottom {
-        border-bottom: 40px solid $color-gray-lighter !important;
+        border-bottom: 40px solid $soft-ui-border !important;
       }
 
       &.drag-inside {