diff --git a/docs/html/wear/css/wear.css b/docs/html/wear/css/wear.css
index fe9eef290f1ad..7c8d1a9cbf305 100644
--- a/docs/html/wear/css/wear.css
+++ b/docs/html/wear/css/wear.css
@@ -143,7 +143,7 @@
 }
 
 .wear-hero {
-  height: calc(100% - 70px);
+  height: calc(100% - 122px);
   min-height: 504px;
   margin-top: 0;
   padding-top: 0;
diff --git a/docs/html/wear/index.jd b/docs/html/wear/index.jd
index 659e9f20b12ca..e0a8d128e8bd4 100644
--- a/docs/html/wear/index.jd
+++ b/docs/html/wear/index.jd
@@ -15,7 +15,6 @@ page.customHeadTag=<link rel="stylesheet" type="text/css" href="/wear/css/wear.c
 
 
 
-
 <div id="video-container">
   <div id="video-frame">
     <div class="video-close">
@@ -397,7 +396,7 @@ $("#icon-video-close").on("click", function() {
   <script>
   $("a.wear-down-arrow").on("click", function(e) {
     $("body").animate({
-      scrollTop: $(".wear-hero").height() + 76
+      scrollTop: $(".wear-hero").height() + 128
     }, 1000, "easeOutQuint");
     e.preventDefault();
   });