diff --git a/static/css/pages/new-repo.css b/static/css/pages/new-repo.css
index 33af66dec..5fdc6e4f2 100644
--- a/static/css/pages/new-repo.css
+++ b/static/css/pages/new-repo.css
@@ -2,6 +2,13 @@
   padding: 30px;
 }
 
+@media (max-width: 767px) {
+  .new-repo .co-main-content-panel {
+    padding: 20px;
+    padding-top: 10px;
+  }
+}
+
 .new-repo .namespace-selector-header .slash {
   color: #444;
   padding-left: 6px;
diff --git a/static/directives/new-header-bar.html b/static/directives/new-header-bar.html
index 1e5aa916e..2d48dbd84 100644
--- a/static/directives/new-header-bar.html
+++ b/static/directives/new-header-bar.html
@@ -139,7 +139,7 @@
   <div class="search-box" ng-class="getSearchBoxClasses(searchVisible, searchResultState)">
     <div class="search-label">Search For</div>
     <div class="search-box-wrapper">
-      <input id="search-box-input" type="text" placeholder="(Enter Search Terms)"
+      <input id="search-box-input" type="search" placeholder="(Enter Search Terms)"
              ng-model-options="{'debounce': 250}" ng-model="currentSearchQuery"
              debounce="250"
              ng-keydown="handleSearchKeyDown($event)">