diff --git a/css/app.css b/css/app.css
index 054863230..4ec4bd91d 100644
--- a/css/app.css
+++ b/css/app.css
@@ -246,7 +246,6 @@ form.hide {
 
 button {
     line-height:20px;
-    position: relative;
     border:0;
     color:#222;
     background: white;
@@ -346,16 +345,16 @@ button.save .count {
 button.save.has-count .count {
     display: block;
     position: absolute;
-    left: 115%;
     top: 0;
     bottom: 0;
-    background: rgba(255,255,255,.5);
+    background: rgba(255, 255, 255, .5);
     color: #333;
     padding: 10px;
     height: 30px;
     line-height: 12px;
     border-radius: 4px;
     margin: auto;
+    margin-left: 8.3333%;
 }
 
 button.save.has-count .count::before {
@@ -1072,12 +1071,10 @@ a.success-action {
 ------------------------------------------------------- */
 
 .tooltip {
-    white-space: normal;
+    width: 200px;
     position: absolute;
-    left: 0; right: 0; margin: auto;
     z-index: -1000;
     height: 0;
-    padding: 5px;
     opacity: 0;
     display: block;
 }
@@ -1089,77 +1086,81 @@ a.success-action {
 }
 
 .tooltip.top {
-  margin-top: -5px;
+    margin-top: -10px;
+    text-align: center;
 }
 
 .tooltip.right {
-  margin-left: 5px;
+    margin-left: 10px;
+    text-align: left;
 }
 
 .tooltip.bottom {
-  margin-top: 5px;
+    margin-top: 10px;
+    text-align: center;
 }
 
 .tooltip.left {
-  margin-left: -5px;
+    margin-left: -10px;
+    text-align: right;
 }
 
 .tooltip-inner {
-  text-align: left;
-  width: 200px;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 20px;
-  padding: 5px 10px;
-  color: #333;
-  background-color: white;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+    color: #333;
+    display: inline-block;
+    padding: 5px 10px;
+    font-size: 11px;
+    font-weight: bold;
+    line-height: 20px;
+    background-color: white;
+    -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+            border-radius: 4px;
+
 }
 
 .tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
 }
 
 .tooltip.top .tooltip-arrow {
-  bottom: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-top-color: white;
-  border-width: 5px 5px 0;
+    bottom: -5px;
+    left: 50%;
+    margin-left: -5px;
+    border-top-color: white;
+    border-width: 5px 5px 0;
 }
 
 .tooltip.right .tooltip-arrow {
-  top: 50%;
-  left: 0;
-  margin-top: -5px;
-  border-right-color: white;
-  border-width: 5px 5px 5px 0;
+    top: 50%;
+    left: -5px;
+    margin-top: -5px;
+    border-right-color: white;
+    border-width: 5px 5px 5px 0;
 }
 
 .tooltip.left .tooltip-arrow {
-  top: 50%;
-  right: 0;
-  margin-top: -5px;
-  border-left-color: white;
-  border-width: 5px 0 5px 5px;
+    top: 50%;
+    right: 5px;
+    margin-top: -5px;
+    border-left-color: white;
+    border-width: 5px 0 5px 5px;
 }
 
 .tooltip.bottom .tooltip-arrow {
-  top: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-bottom-color: white;
-  border-width: 0 5px 5px;
+    top: -5px;
+    left: 50%;
+    margin-left: -5px;
+    border-bottom-color: white;
+    border-width: 0 5px 5px;
 }
 
 .Browse .tooltip .tooltip-arrow {
-  left: 30px;
+    left: 30px;
 }
 
 .tooltip .keyhint {
@@ -1174,13 +1175,13 @@ a.success-action {
 }
 
 .tail {
-  pointer-events:none;
-  position: absolute;
-  background: rgba(255, 255, 255, 0.7);
-  max-width: 250px;
-  margin-top: -15px;
-  padding: 5px;
-  -webkit-border-radius: 4px;
+    pointer-events:none;
+    position: absolute;
+    background: rgba(255, 255, 255, 0.7);
+    max-width: 250px;
+    margin-top: -15px;
+    padding: 5px;
+    -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
 }