diff --git a/public/css/components/verticalsplit.css b/public/css/components/verticalsplit.css
index b4185c5a3..8d8599ec4 100644
--- a/public/css/components/verticalsplit.css
+++ b/public/css/components/verticalsplit.css
@@ -41,7 +41,7 @@
 
 .splitaction {
     display: inline-block;
-    width: 25px;
+    width: 42px;
     cursor: pointer;
 }
 
diff --git a/public/js/components/verticalsplit/verticalsplit.js b/public/js/components/verticalsplit/verticalsplit.js
index 746229ea9..53a1833fb 100644
--- a/public/js/components/verticalsplit/verticalsplit.js
+++ b/public/js/components/verticalsplit/verticalsplit.js
@@ -23,13 +23,13 @@ export default {
              :class="this.topOrBottomClass" @mousedown="this.dragStart">
             <div class="splitactions" :class="this.topOrBottomClass">
                 <span @click="this.collapseTop" class="splitaction">
-                    <i class="fas fa-angle-up"></i>
+                    <i class="fas fa-angle-up text-muted"></i>
                 </span>
                 <span @dblclick="this.showBoth" class="splitaction resize">
-                    <i class="fas fa-grip-horizontal"></i>
+                    <i class="fas fa-grip-lines text-muted"></i>
                 </span>
                 <span @click="this.collapseBottom" class="splitaction">
-                    <i class="fas fa-angle-down"></i>
+                    <i class="fas fa-angle-down text-muted"></i>
                 </span>
             </div>
         </div>