diff --git a/src/styles-new/_constants-snow.scss b/src/styles-new/_constants-snow.scss
index 7f5afa7343..b8059b6c6d 100644
--- a/src/styles-new/_constants-snow.scss
+++ b/src/styles-new/_constants-snow.scss
@@ -242,13 +242,15 @@ $splitterGrippyD: ($splitterHandleD - 4, 75px, 50px); // thickness, length, min-
 $colorSplitterBaseBg: $colorBodyBg;
 $colorSplitterBg: pullForward($colorSplitterBaseBg, 20%);
 $colorSplitterFg: $colorBodyBg;
+$colorSplitterHover: $colorKey; // pullForward($colorSplitterBg, $hoverRatioPercent * 2);
+$colorSplitterActive: $colorKey;
 $colorSplitterButtonBg: rgba($colorBodyFg, 0.1); //pullForward($colorSplitterBaseBg, 20%);
 $colorSplitterButtonFg: $colorBodyFg;
+$colorSplitterButtonHoverBg: rgba($colorKey, 0.5);
+$colorSplitterButtonHoverFg: $colorBodyBg;
 $colorSplitterGrippy: pullForward($colorSplitterBaseBg, 30%);
 $splitterShdw: none;
 $splitterEndCr: none;
-$colorSplitterHover: pullForward($colorSplitterBg, $hoverRatioPercent * 2);
-$colorSplitterActive: $colorKey;
 
 // Minitabs
 $colorMiniTabBg: $colorSplitterBg;
diff --git a/src/ui/components/controls/pane.vue b/src/ui/components/controls/pane.vue
index f8c83b8eea..875dadbeea 100644
--- a/src/ui/components/controls/pane.vue
+++ b/src/ui/components/controls/pane.vue
@@ -81,18 +81,14 @@
             }
         }
 
-        /************************ MOBILE-ONLY STYLES */
-
-
         /************************ DESKTOP STYLES */
         body.desktop & {
-            //@include test(blue, 0.1);
-
             &__handle {
                 background: $colorSplitterBg;
                 display: block;
                 position: absolute;
                 z-index: 20;
+                transition: $transOut;
 
                 &:before {
                     content: '';
@@ -100,17 +96,29 @@
                     position: absolute;
                     z-index: -1;
                 }
+
+                &:hover {
+                    background: $colorSplitterHover;
+                    transition: $transIn;
+                }
             }
 
             &__collapse-button {
                 background: $colorSplitterButtonBg;
                 color: $colorSplitterButtonFg;
+                transition: $transOut;
 
                 &:before {
                     content: $glyph-icon-arrow-right;
                     font-family: symbolsfont;
                     font-size: .5rem;
                 }
+
+                &:hover {
+                    background: $colorSplitterButtonHoverBg;
+                    color: $colorSplitterButtonHoverFg;
+                    transition: $transIn;
+                }
             }
 
             &[class*="--collapsed"] {