diff --git a/template/index.ejs b/template/index.ejs
index fa15264bb6..3095891f06 100644
--- a/template/index.ejs
+++ b/template/index.ejs
@@ -1,5 +1,5 @@
 <%- include('partial/header'); %>
-<div>
+<div class="warpper">
 <%- include('widget/search',{type: "home"}); %>
 <%- include('widget/footer',{type: "home"}); %>
 </div>
diff --git a/template/styl/index.styl b/template/styl/index.styl
index b33e0ccfae..c61b8283ea 100644
--- a/template/styl/index.styl
+++ b/template/styl/index.styl
@@ -40,6 +40,16 @@ a {
   40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
 }
 
+.warpper {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  .footer {
+    padding-bottom: 280px;
+  }
+}
+
 .header {
   width 517px
   margin 0 auto 0