diff --git a/src/css/pensize.css b/src/css/pensize.css
index 568d6dff..231041a3 100644
--- a/src/css/pensize.css
+++ b/src/css/pensize.css
@@ -32,14 +32,10 @@
   content: '';
   width: 100%;
   height: 100%;
-  background-color: #444;
+  background-color: white;
   display: block;
 }
 
-.pen-size-option:hover:before {
-  background-color: #888;
-}
-
 .pen-size-option:hover {
   border-color: #888;
 }
diff --git a/src/templates/drawing-tools.html b/src/templates/drawing-tools.html
index d0427766..638e6646 100644
--- a/src/templates/drawing-tools.html
+++ b/src/templates/drawing-tools.html
@@ -1,11 +1,11 @@
 <div class="sticky-section left-sticky-section" id="tool-section">
   <div class="sticky-section-wrap">
     <div class="vertical-centerer">
-      <div class="pen-size-container">
-        <div class="pen-size-option" data-size="1" title="1 pixel pen-size" rel="tooltip" data-placement="right"></div>
-        <div class="pen-size-option" data-size="2" title="2 pixels pen-size" rel="tooltip" data-placement="right"></div>
-        <div class="pen-size-option" data-size="3" title="3 pixels pen-size" rel="tooltip" data-placement="right"></div>
-        <div class="pen-size-option" data-size="4" title="4 pixels pen-size" rel="tooltip" data-placement="right"></div>
+      <div class="pen-size-container" title="Pen size<br/>from 1 to 4 pixels" rel="tooltip" data-placement="top">
+        <div class="pen-size-option" data-size="1"></div>
+        <div class="pen-size-option" data-size="2"></div>
+        <div class="pen-size-option" data-size="3"></div>
+        <div class="pen-size-option" data-size="4"></div>
       </div>
       <ul id="tools-container" class="tools-wrapper">
         <!-- Drawing tools will be inserted here -->