diff --git a/static/css/application.css b/static/css/application.css
index 8b9d3c9938..2fe1e723b7 100644
--- a/static/css/application.css
+++ b/static/css/application.css
@@ -810,7 +810,8 @@ li.calc-main div#calculator_wrapper form div.input-wrapper div.help-wrapper dl {
   -o-transition-delay: 0;
   transition-delay: 0; }
 li.calc-main div#calculator_wrapper form div.input-wrapper div.help-wrapper dl.shown {
-  opacity: 1; }
+  opacity: 1;
+  top: -115px; }
 li.calc-main div#calculator_wrapper form div.input-wrapper div.help-wrapper dl dt {
   clear: both;
   float: left;
diff --git a/templates/main.html b/templates/main.html
index 056b3a9b36..4101094f30 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -61,7 +61,7 @@
               <input type="text" id="calculator_input" />
 
               <div class="help-wrapper">
-                <a href="#">Help</a>
+                <a href="#">Hints</a>
                 <dl class="help">
                   <dt>Suffixes:</dt>
                   <dd> %kMGTcmunp</dd>
@@ -134,7 +134,7 @@ $(function() {
     $("#calculator_wrapper").hide();
 
     $(".calc").click(function(){
-      $("#calculator_wrapper").slideToggle();
+      $("#calculator_wrapper").slideToggle("fast");
       $("#calculator_wrapper #calculator_input").focus();
       $(this).toggleClass("closed");
       });
diff --git a/templates/sass/layout/_calculator.scss b/templates/sass/layout/_calculator.scss
index de6d655788..8b5d60143a 100644
--- a/templates/sass/layout/_calculator.scss
+++ b/templates/sass/layout/_calculator.scss
@@ -117,6 +117,7 @@ li.calc-main {
 
             &.shown {
               opacity: 1;
+              top: -115px;
             }
 
             dt {