diff --git a/ts/editor-toolbar/ColorPicker.svelte b/ts/editor-toolbar/ColorPicker.svelte
index 6ccc7ca20..085f1b351 100644
--- a/ts/editor-toolbar/ColorPicker.svelte
+++ b/ts/editor-toolbar/ColorPicker.svelte
@@ -7,22 +7,28 @@
     button {
         display: inline-block;
         vertical-align: middle;
-        width: 30px;
-        height: 30px;
+        width: 28px;
+        height: 28px;
 
         padding: 0;
+
+        &:hover {
+            background-color: #eee;
+        }
     }
 
     span {
         display: inline-block;
         width: 100%;
         height: 100%;
+        cursor: pointer;
     }
 
     input {
         opacity: 0;
         width: 100%;
         height: 100%;
+        cursor: pointer;
     }
 </style>
 
diff --git a/ts/editor-toolbar/InnerButton.svelte b/ts/editor-toolbar/InnerButton.svelte
index b1ba1da8b..a8bc76688 100644
--- a/ts/editor-toolbar/InnerButton.svelte
+++ b/ts/editor-toolbar/InnerButton.svelte
@@ -9,8 +9,8 @@
     button {
         display: inline-block;
         vertical-align: middle;
-        width: 30px;
-        height: 30px;
+        width: 28px;
+        height: 28px;
 
         background-color: white;
 
diff --git a/ts/editor-toolbar/LabelButton.svelte b/ts/editor-toolbar/LabelButton.svelte
index 5e7c34049..be50d4c56 100644
--- a/ts/editor-toolbar/LabelButton.svelte
+++ b/ts/editor-toolbar/LabelButton.svelte
@@ -7,10 +7,10 @@
         display: inline-block;
         vertical-align: middle;
         width: auto;
-        height: 30px;
+        height: 26px;
 
-        padding: 3px 10px;
-        margin-right: 3px;
+        padding: 0 10px;
+        margin: 0 3px;
 
         &:focus {
             box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.5);