diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 9b65903180..4e2daa687e 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -960,6 +960,19 @@
   .et2_toolbar_actionlist {
     float: left;
   }
+  .splitter-bar .ui-icon.ui-icon-grip-solid-vertical {
+    background-image: url(../images/splitter_vert.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal {
+    background-image: url(../images/splitter_horz.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .splitter-bar.ui-state-hover {
+    background: none;
+  }
   /**
  * Do not wrap content of a single widget incl. a label or children of a hbox.
  * Taking into eg. select-account widget rendered as ul and prefixed with a label
@@ -4769,7 +4782,7 @@ td.message span.message {
   border-color: #B4B4B4;
 }
 #egw_fw_sidebar #egw_fw_splitter:hover {
-  background-color: #ffc200;
+  border-color: #E6E6E6;
 }
 #egw_fw_sidebar #egw_fw_toggler {
   display: block;
@@ -4893,6 +4906,14 @@ td.message span.message {
   height: 100%;
   cursor: col-resize;
 }
+.egw_fw_ui_splitter.ui-draggable-dragging {
+  background-color: #fbec88;
+  border-left: 1px solid #B4B4B4;
+  opacity: 1 !important;
+}
+.egw_fw_ui_splitter_hover {
+  background-color: white;
+}
 .egw_fw_ui_category_content {
   background-color: #ffffff;
   border-top-width: 0;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 6fb6d0fbb5..890e085ffb 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -949,6 +949,19 @@
   .et2_toolbar_actionlist {
     float: left;
   }
+  .splitter-bar .ui-icon.ui-icon-grip-solid-vertical {
+    background-image: url(../images/splitter_vert.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal {
+    background-image: url(../images/splitter_horz.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .splitter-bar.ui-state-hover {
+    background: none;
+  }
   /**
  * Do not wrap content of a single widget incl. a label or children of a hbox.
  * Taking into eg. select-account widget rendered as ul and prefixed with a label
@@ -4758,7 +4771,7 @@ td.message span.message {
   border-color: #B4B4B4;
 }
 #egw_fw_sidebar #egw_fw_splitter:hover {
-  background-color: #ffc200;
+  border-color: #E6E6E6;
 }
 #egw_fw_sidebar #egw_fw_toggler {
   display: block;
@@ -4882,6 +4895,14 @@ td.message span.message {
   height: 100%;
   cursor: col-resize;
 }
+.egw_fw_ui_splitter.ui-draggable-dragging {
+  background-color: #fbec88;
+  border-left: 1px solid #B4B4B4;
+  opacity: 1 !important;
+}
+.egw_fw_ui_splitter_hover {
+  background-color: white;
+}
 .egw_fw_ui_category_content {
   background-color: #ffffff;
   border-top-width: 0;
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index ceb9006283..926b7c2cca 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -936,6 +936,20 @@ div.ui-toolbar-menulist{
 	float:left;
 }
 
+.splitter-bar {
+	.ui-icon.ui-icon-grip-solid-vertical {
+		background-image: url(../images/splitter_vert.png);
+		background-position: center;
+		background-repeat: no-repeat;
+	}
+	.ui-icon.ui-icon-grip-solid-horizontal {
+		background-image: url(../images/splitter_horz.png);
+		background-position:  center;
+		background-repeat: no-repeat;
+	}
+}
+.splitter-bar.ui-state-hover {background: none;}
+
 /**
  * Do not wrap content of a single widget incl. a label or children of a hbox.
  * Taking into eg. select-account widget rendered as ul and prefixed with a label
diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index 6a5f2af276..7c9f8c11ad 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -290,7 +290,7 @@
                 border-width: 0px 1px 1px 1px;
             }
             .egw_fw_ui_sidemenu_entry_header_bottom {
-                
+
             }
 
             .egw_fw_ui_sidemenu_entry_icon {
@@ -321,7 +321,7 @@
 		border-top:1px solid;
 		border-left: 1px solid;
 		border-color:@gray_30;
-        &:hover {background-color: @egw_color_1;}
+        &:hover {border-color: @gray_10;}
     }
 
 	// Toggle menu
@@ -455,9 +455,17 @@
 	height: 100%;
 	cursor: col-resize;
 }
+.egw_fw_ui_splitter.ui-draggable-dragging {
+	background-color: #fbec88;
+	border-left: 1px solid #B4B4B4;
+	opacity: 1 !important;
+}
 
 
 
+.egw_fw_ui_splitter_hover {
+	background-color: white;
+}
 
             //####################################################
             // Submenu / Unterpunkte in der Seitenleiste
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index e173b8ed63..d41d72bb32 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -971,6 +971,19 @@
   .et2_toolbar_actionlist {
     float: left;
   }
+  .splitter-bar .ui-icon.ui-icon-grip-solid-vertical {
+    background-image: url(../images/splitter_vert.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal {
+    background-image: url(../images/splitter_horz.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .splitter-bar.ui-state-hover {
+    background: none;
+  }
   /**
  * Do not wrap content of a single widget incl. a label or children of a hbox.
  * Taking into eg. select-account widget rendered as ul and prefixed with a label
@@ -4780,7 +4793,7 @@ td.message span.message {
   border-color: #B4B4B4;
 }
 #egw_fw_sidebar #egw_fw_splitter:hover {
-  background-color: #ffc200;
+  border-color: #E6E6E6;
 }
 #egw_fw_sidebar #egw_fw_toggler {
   display: block;
@@ -4904,6 +4917,14 @@ td.message span.message {
   height: 100%;
   cursor: col-resize;
 }
+.egw_fw_ui_splitter.ui-draggable-dragging {
+  background-color: #fbec88;
+  border-left: 1px solid #B4B4B4;
+  opacity: 1 !important;
+}
+.egw_fw_ui_splitter_hover {
+  background-color: white;
+}
 .egw_fw_ui_category_content {
   background-color: #ffffff;
   border-top-width: 0;