diff --git a/app/styles/_navbar-vertical.less b/app/styles/_navbar-vertical.less
index 1608027e4f..5bea16180c 100644
--- a/app/styles/_navbar-vertical.less
+++ b/app/styles/_navbar-vertical.less
@@ -62,10 +62,17 @@
       @media(min-width: @screen-sm-min) {
         display: block;
       }
+      // always show the notification drawer icon
+      &.drawer-pf-trigger {
+        display: block;
+      }
     }
     .nav-item-iconic {
       line-height: normal; // align text and icon
       padding-right: 15px;
+      @media(max-width: @screen-xs-max) {
+        padding: 10px 15px 10px 5px;
+      }
       .username {
         display: inline-block;
         font-weight: 300;
diff --git a/app/styles/_system-status.less b/app/styles/_system-status.less
index 6c826550c2..504d785847 100644
--- a/app/styles/_system-status.less
+++ b/app/styles/_system-status.less
@@ -5,11 +5,6 @@
 // Always show system-status if it exists
 [extension-name="nav-system-status"] {
   display: block !important;
-  .nav-item-iconic {
-    @media(max-width: @screen-xs-max) {
-      padding: 10px 15px 10px 5px !important;
-    }
-  }
 }
 
 .status-issue {
@@ -22,7 +17,7 @@
   // 900px is the minimum required to display the status-issue description
   // under the following conditions:
   //   * #header-logo with width of 320px (OCP);
-  //   * a username that exceeds 200px in width
+  //   * a username that exceeds the max width
   @media(min-width: 900px) {
     display: inline;
   }
diff --git a/test/integration/features/user_creates_project.spec.js b/test/integration/features/user_creates_project.spec.js
index 10605032de..fc55575dd5 100644
--- a/test/integration/features/user_creates_project.spec.js
+++ b/test/integration/features/user_creates_project.spec.js
@@ -7,15 +7,15 @@ const projectHelpers = require('../helpers/project.js');
 let goToAddToProjectPage = (projectName) => {
   let uri = 'project/' + projectName + '/create';
   h.goToPage(uri);
-  expect(element(by.cssContainingText('h1', "Create Using Your Code")).isPresent()).toBe(true);
-  expect(element(by.cssContainingText('h1', "Create Using a Template")).isPresent()).toBe(true);
+  expect(element(by.cssContainingText('.middle h1', "Create Using Your Code")).isPresent()).toBe(true);
+  expect(element(by.cssContainingText('.middle h1', "Create Using a Template")).isPresent()).toBe(true);
   expect(element(by.model('from_source_url')).isPresent()).toBe(true);
   expect(element(by.cssContainingText('.catalog h3 > a', "ruby-helloworld-sample")).isPresent()).toBe(true);
 };
 
 let goToCreateProjectPage = () => {
   h.goToPage('create-project');
-  expect(element(by.cssContainingText('h1', "Create Project")).isPresent()).toBe(true);
+  expect(element(by.cssContainingText('.middle h1', "Create Project")).isPresent()).toBe(true);
   expect(element(by.model('name')).isPresent()).toBe(true);
   expect(element(by.model('displayName')).isPresent()).toBe(true);
   expect(element(by.model('description')).isPresent()).toBe(true);
@@ -41,7 +41,7 @@ let requestCreateFromTemplate = (projectName, templateName) => {
 let attachBuilderImageToSource = (projectName, builderImageName) => {
   let uri = 'project/' + projectName + '/catalog/images';
   h.waitForUri(uri);
-  expect(element(by.cssContainingText('h1', "Select a builder image")).isPresent()).toBe(true);
+  expect(element(by.cssContainingText('.middle h1', "Select a builder image")).isPresent()).toBe(true);
   let builderImageLink = element(by.cssContainingText('h3 > a', builderImageName));
   expect(builderImageLink.isPresent()).toBe(true);
   builderImageLink.click();
@@ -50,7 +50,7 @@ let attachBuilderImageToSource = (projectName, builderImageName) => {
 let createFromSource = (projectName, builderImageName, appName) => {
   let uri = 'project/' + projectName + '/create/fromimage';
   h.waitForUri(uri);
-  expect(element(by.css('.osc-form h1')).getText()).toEqual(builderImageName);
+  expect(element(by.css('.middle .osc-form h1')).getText()).toEqual(builderImageName);
   expect(element(by.cssContainingText('h2', "Name")).isPresent()).toBe(true);
   expect(element(by.cssContainingText('h2', "Routing")).isPresent()).toBe(true);
   expect(element(by.cssContainingText('h2', "Deployment Configuration")).isPresent()).toBe(true);
@@ -66,7 +66,7 @@ let createFromSource = (projectName, builderImageName, appName) => {
 let createFromTemplate = (projectName, templateName, parameterNames, labelNames) => {
   let uri = 'project/' + projectName + '/create/fromtemplate';
   h.waitForUri(uri);
-  expect(element(by.css('.osc-form h1')).getText()).toEqual(templateName);
+  expect(element(by.css('.middle .osc-form h1')).getText()).toEqual(templateName);
   expect(element(by.cssContainingText('h2', "Images")).isPresent()).toBe(true);
   expect(element(by.cssContainingText('h2', "Parameters")).isPresent()).toBe(true);
   expect(element(by.cssContainingText('h2', "Labels")).isPresent()).toBe(true);
@@ -93,7 +93,7 @@ let checkServiceCreated = (projectName, serviceName) => {
 let checkProjectSettings = (projectName, displayName, description) => {
   let uri = 'project/' + projectName + '/edit';
   h.goToPage(uri);
-  expect(element(by.css('h1')).getText()).toEqual("Edit Project " + projectName);
+  expect(element(by.css('.middle h1')).getText()).toEqual("Edit Project " + projectName);
   expect(element(by.css('#displayName')).getAttribute('value')).toEqual(displayName);
   expect(element(by.css('#description')).getAttribute('value')).toEqual(description);
 };
@@ -133,37 +133,37 @@ describe('', () => {
 
         it('should browse builds', () => {
           h.goToPage('project/' + project['name'] + '/browse/builds');
-          h.waitForPresence('h1', 'Builds');
+          h.waitForPresence('.middle h1', 'Builds');
           // TODO: validate presented strategies, images, repos
         });
 
         it('should browse deployments', () => {
           h.goToPage('project/' + project['name'] + '/browse/deployments');
-          h.waitForPresence("h1", "Deployments");
+          h.waitForPresence(".middle h1", "Deployments");
           // TODO: validate presented deployments
         });
 
         it('should browse events', () => {
           h.goToPage('project/' + project['name'] + '/browse/events');
-          h.waitForPresence("h1", "Events");
+          h.waitForPresence(".middle h1", "Events");
           // TODO: validate presented events
         });
 
         it('should browse image streams', () => {
           h.goToPage('project/' + project['name'] + '/browse/images');
-          h.waitForPresence("h1", "Image Streams");
+          h.waitForPresence(".middle h1", "Image Streams");
           // TODO: validate presented images
         });
 
         it('should browse pods', () => {
           h.goToPage('project/' + project['name'] + '/browse/pods');
-          h.waitForPresence("h1", "Pods");
+          h.waitForPresence(".middle h1", "Pods");
           // TODO: validate presented pods, containers, correlated images, builds, source
         });
 
         it('should browse services', () => {
           h.goToPage('project/' + project['name'] + '/browse/services');
-          h.waitForPresence("h1", "Services");
+          h.waitForPresence(".middle h1", "Services");
           // TODO: validate presented ports, routes, selectors
         });