diff --git a/app/components/quickfile-nav/template.hbs b/app/components/quickfile-nav/template.hbs
index 319d6f8360e..28bbc21f170 100644
--- a/app/components/quickfile-nav/template.hbs
+++ b/app/components/quickfile-nav/template.hbs
@@ -1,13 +1,11 @@
 <nav class="navbar osf-project-navbar row" role="navigation">
     <div class="container">
-        <div class="">
-            <ul class="nav navbar-nav">
-                <li class="{{if onQuickfiles 'active'}}">
-                    {{#link-to 'user-quickfiles' user class='project-title'}}
-                        {{user.fullName}}'s Quick Files
-                    {{/link-to}}
-                </li>
-            </ul>
-        </div>
+        <ul class="nav navbar-nav" id="quickfilesNav">
+            <li class="{{if onQuickfiles 'active'}}">
+                {{#link-to 'user-quickfiles' user class='project-title'}}
+                    {{user.fullName}}'s Quick Files
+                {{/link-to}}
+            </li>
+        </ul>
     </div>
 </nav>
diff --git a/app/styles/app.scss b/app/styles/app.scss
index f1d1e2226bf..3f19f4b0cbf 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -78,6 +78,34 @@
 
 .osf-project-navbar {
     width: calc(100% + 20px);
+    min-height: 50px !important;
+    & .container {
+        min-height: inherit;
+    }
+}
+
+@media (max-width: 767px) {
+    #quickfilesNav .active {
+        margin-left: 30px;
+    }
+}
+
+#quickfilesNav {
+    margin: 0;
+    width: 100%;
+    min-height: inherit;
+    & .active {
+        float: left;
+        min-height: inherit;
+        max-width: calc(100% - 50px);
+        & .project-title {
+            max-width: 100%;
+            line-height: normal;
+            padding-left: 15px;
+            padding-right: 15px;
+            margin: 0px;
+        }
+    }
 }
 
 .emberTagInput-tag {
diff --git a/yarn.lock b/yarn.lock
index 37271d3e307..8a1ea608af9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3,8 +3,8 @@
 
 
 "@centerforopenscience/ember-osf@https://github.com/CenterForOpenScience/ember-osf.git#develop#2017-12-01T01:38:50Z":
-  version "0.12.3"
-  resolved "https://github.com/CenterForOpenScience/ember-osf.git#1d28df715af04d3742d5969555586fadfb9f9f66"
+  version "0.12.4"
+  resolved "https://github.com/CenterForOpenScience/ember-osf.git#ecbe7a3402fc53882259c8acb8dbd8e6e43a8f98"
   dependencies:
     broccoli-funnel "1.2.0"
     broccoli-merge-trees "2.0.0"
@@ -1828,11 +1828,11 @@ browserify@^13.0.0:
     xtend "^4.0.0"
 
 browserslist@^2.1.2:
-  version "2.9.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.9.1.tgz#b72d3982ab01b5cd24da62ff6d45573886aff275"
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.10.0.tgz#bac5ee1cc69ca9d96403ffb8a3abdc5b6aed6346"
   dependencies:
-    caniuse-lite "^1.0.30000770"
-    electron-to-chromium "^1.3.27"
+    caniuse-lite "^1.0.30000780"
+    electron-to-chromium "^1.3.28"
 
 bser@^2.0.0:
   version "2.0.0"
@@ -1921,9 +1921,9 @@ can-symlink@^1.0.0:
   dependencies:
     tmp "0.0.28"
 
-caniuse-lite@^1.0.30000770:
-  version "1.0.30000778"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000778.tgz#f1e7cb8b13b1f6744402291d75f0bcd4c3160369"
+caniuse-lite@^1.0.30000780:
+  version "1.0.30000780"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000780.tgz#1f9095f2efd4940e0ba6c5992ab7a9b64cc35ba4"
 
 capture-exit@^1.1.0:
   version "1.2.0"
@@ -2678,9 +2678,9 @@ ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
-electron-to-chromium@^1.3.27:
-  version "1.3.27"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.27.tgz#78ecb8a399066187bb374eede35d9c70565a803d"
+electron-to-chromium@^1.3.28:
+  version "1.3.28"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.28.tgz#8dd4e6458086644e9f9f0a1cf32e2a1f9dffd9ee"
 
 elegant-spinner@^1.0.1:
   version "1.0.1"