diff --git a/themes/Default/common-dark.css b/themes/Default/common-dark.css
index 4b3ea24f61..7f6f488bef 100644
--- a/themes/Default/common-dark.css
+++ b/themes/Default/common-dark.css
@@ -20,12 +20,10 @@ iconview:hover {
  */
 paned.horizontal > separator {
   background-image: url("ui/separator-handle-v-dark.svg");
-  background-color: @bg-color;
 }
 
 paned.vertical > separator {
   background-image: url("ui/separator-handle-h-dark.svg");
-  background-color: @bg-color;
 }
 
 /* Top highlight for buttons */
diff --git a/themes/Default/common.css b/themes/Default/common.css
index f945603b5a..0c53c1317f 100644
--- a/themes/Default/common.css
+++ b/themes/Default/common.css
@@ -382,13 +382,25 @@ entry selection {
 }
 
 paned separator {
-  color: @border-color;
   background-image: none;
-  background-color: @border-color;
+  background-color: @widget-bg-color;
   background-position: center;
   background-repeat: no-repeat;
   background-size: auto;
-  padding: 3px;
+  color: @border-color;
+}
+
+paned.horizontal > separator
+{
+  padding-left:  1px;
+  padding-right: 1px;
+  box-shadow:    0px 0px 0px 1px @strong-border-color;
+}
+
+paned.vertical > separator {
+  padding-top:    1px;
+  padding-bottom: 1px;
+  box-shadow:     0px -1px 0px -0px @strong-border-color;
 }
 
 paned menu separator {