diff --git a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
index ea6cfe87a81c73abe1e721297c0f7ab626fdc66c..331a22dc919d43d2b1316949832256975cf57e32 100644
--- a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
+++ b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
@@ -5,8 +5,8 @@
 {% block title %}Submission Dashboard{% endblock %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large wrapper--applicant-dashboard">
+<div class="admin-bar">
+    <div class="admin-bar__inner wrapper--applicant-dashboard">
         <div>
             <h3 class="heading heading--no-margin">Dashboard</h3>
             <h5>An overview of active and past submissions</h5>
diff --git a/opentech/apply/dashboard/templates/dashboard/dashboard.html b/opentech/apply/dashboard/templates/dashboard/dashboard.html
index 7e223d712bdcd6920008907df8eb51078c950c5c..d467da86e95e7e625d96e9ac200dd665ce101eff 100644
--- a/opentech/apply/dashboard/templates/dashboard/dashboard.html
+++ b/opentech/apply/dashboard/templates/dashboard/dashboard.html
@@ -4,8 +4,8 @@
 {% block title %}OTF Dashboard{% endblock %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         {% block page_header %}
             <h1 class="gamma heading heading--no-margin heading--bold">Dashboard</h1>
         {% endblock %}
diff --git a/opentech/apply/dashboard/templates/dashboard/reviewer_dashboard.html b/opentech/apply/dashboard/templates/dashboard/reviewer_dashboard.html
index a33a02728d164ea0c7e605b18bdf3f49f03d2dfd..f05ce66ab467b754eeffc81c1c9e5d49b0c7628a 100644
--- a/opentech/apply/dashboard/templates/dashboard/reviewer_dashboard.html
+++ b/opentech/apply/dashboard/templates/dashboard/reviewer_dashboard.html
@@ -4,8 +4,8 @@
 {% block title %}OTF reviewer Dashboard{% endblock %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         {% block page_header %}
             <h1 class="gamma heading heading--no-margin heading--bold">Dashboard</h1>
         {% endblock %}
diff --git a/opentech/apply/determinations/templates/determinations/determination_detail.html b/opentech/apply/determinations/templates/determinations/determination_detail.html
index 9aefaa2a53a2f3f0bf70849c01c0d68efb889e9b..4948b34b719b39f3704fa8f8eb3c23344900455c 100644
--- a/opentech/apply/determinations/templates/determinations/determination_detail.html
+++ b/opentech/apply/determinations/templates/determinations/determination_detail.html
@@ -2,8 +2,8 @@
 {% load bleach_tags %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h2 class="heading heading--no-margin">Determination</h2>
         <h5>For <a href="{% url "funds:submissions:detail" determination.submission.id %}">{{ determination.submission.title }}</a></h5>
     </div>
diff --git a/opentech/apply/determinations/templates/determinations/determination_form.html b/opentech/apply/determinations/templates/determinations/determination_form.html
index 9009fc4d6fcf8767b24478f46e9c453095f3bb62..6f119037cc8d228d9f09883edb1ec4a6f828f43c 100644
--- a/opentech/apply/determinations/templates/determinations/determination_form.html
+++ b/opentech/apply/determinations/templates/determinations/determination_form.html
@@ -2,8 +2,8 @@
 {% load bleach_tags %}
 {% block title %}Create a determination{% endblock %}
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h2 class="heading heading--no-margin">{{ title|default:"Create Determination" }}</h2>
         <h5>For <a href="{% url "funds:submissions:detail" submission.id %}">{{ submission.title }}</a></h5>
     </div>
diff --git a/opentech/apply/funds/templates/funds/applicationrevision_list.html b/opentech/apply/funds/templates/funds/applicationrevision_list.html
index 0311a70f145563c5039750e0bad7977077c273fc..8dc013d4d4b2a2f430a6cb2009e57172b8f0394b 100644
--- a/opentech/apply/funds/templates/funds/applicationrevision_list.html
+++ b/opentech/apply/funds/templates/funds/applicationrevision_list.html
@@ -2,8 +2,8 @@
 {% block title %}Revisions for {{ submission.title }}{% endblock %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h1 class="beta heading heading--no-margin heading--bold">Revisions</h1>
         <h5>For <a href="{% url "funds:submissions:detail" submission.id %}">{{ submission.title }}</a></h5>
     </div>
diff --git a/opentech/apply/funds/templates/funds/applicationsubmission_detail.html b/opentech/apply/funds/templates/funds/applicationsubmission_detail.html
index f60b85d1efd6a93a0fb44fc90d75d3d8b6c67f15..c38d7366c6e293b2ba9e09a4f4576b188657ab27 100644
--- a/opentech/apply/funds/templates/funds/applicationsubmission_detail.html
+++ b/opentech/apply/funds/templates/funds/applicationsubmission_detail.html
@@ -8,8 +8,8 @@
     {% include "includes/message_item.html" with message="This submission is sealed " tag="warning" close=False %}
 </ul>
 {% endif %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h1 class="beta heading heading--no-margin heading--bold">{{ object.title }}</h1>
         <h5 class="heading heading--meta">
             <span>{{ object.stage }}</span>
diff --git a/opentech/apply/funds/templates/funds/applicationsubmission_form.html b/opentech/apply/funds/templates/funds/applicationsubmission_form.html
index 71496889fdb12c4255f7c25755463e1937e2075d..db69471fe0718910bda9a37ed3ec2c68fff3959f 100644
--- a/opentech/apply/funds/templates/funds/applicationsubmission_form.html
+++ b/opentech/apply/funds/templates/funds/applicationsubmission_form.html
@@ -1,8 +1,8 @@
 {% extends "base-apply.html" %}
 {% block title %}Editing: {{object.title }}{% endblock %}
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h2 class="heading heading--no-margin">Editing: {{ object.title }}</h2>
     </div>
 </div>
diff --git a/opentech/apply/funds/templates/funds/revisions_compare.html b/opentech/apply/funds/templates/funds/revisions_compare.html
index 4bf8952b2f5bf8851ba8bec9bd3601c6f71e1996..ae72674f67dcddbce9d6374b3dd4bd650d58582f 100644
--- a/opentech/apply/funds/templates/funds/revisions_compare.html
+++ b/opentech/apply/funds/templates/funds/revisions_compare.html
@@ -1,7 +1,7 @@
 {% extends "base-apply.html" %}
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h2 class="heading heading--no-margin">Comparing Revisions</h2>
         <h5>For <a href="{% url "funds:submissions:detail" object.id %}">{{ object.title }}</a></h5>
         <h5><a href="{% url "funds:submissions:revisions:list" object.id %}">Back to revisions</a></h5>
diff --git a/opentech/apply/funds/templates/funds/submission_sealed.html b/opentech/apply/funds/templates/funds/submission_sealed.html
index 0f41f469578422dffbfa352318ea6ce97f45e640..ffd8069eafd28583caab930593e2447ca2b98f4d 100644
--- a/opentech/apply/funds/templates/funds/submission_sealed.html
+++ b/opentech/apply/funds/templates/funds/submission_sealed.html
@@ -3,8 +3,8 @@
 {% block title %}Sealed: {{ object.title }}{% endblock %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h1 class="beta heading heading--no-margin heading--bold">{{ object.title }}</h1>
         <h5 class="heading heading--meta">
             <span>{{ object.stage }}</span>
diff --git a/opentech/apply/funds/templates/funds/submissions.html b/opentech/apply/funds/templates/funds/submissions.html
index 419bc203be9ed31710b35e1538022e6dea759e3d..9684cb70f57062930ac2a1ce38091390c97c3bbb 100644
--- a/opentech/apply/funds/templates/funds/submissions.html
+++ b/opentech/apply/funds/templates/funds/submissions.html
@@ -3,8 +3,8 @@
 {% block title %}Submissions{% endblock %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large wrapper--search">
+<div class="admin-bar">
+    <div class="admin-bar__inner wrapper--search">
         {% block page_header %}
             <div>
                 <h1 class="gamma heading heading--no-margin heading--bold">Received Submissions</h1>
diff --git a/opentech/apply/review/templates/review/review_detail.html b/opentech/apply/review/templates/review/review_detail.html
index e72105b6b02f4d8a8f511ace688789a2db306921..f4ec8314fe922a408bd4c5038f5320b9fd89944a 100644
--- a/opentech/apply/review/templates/review/review_detail.html
+++ b/opentech/apply/review/templates/review/review_detail.html
@@ -2,8 +2,8 @@
 {% load bleach_tags %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h1 class="beta heading heading--no-margin heading--bold">Review</h1>
         <h5>For <a href="{% url "funds:submissions:detail" review.submission.id %}">{{ review.submission.title }}</a></h5>
     </div>
diff --git a/opentech/apply/review/templates/review/review_form.html b/opentech/apply/review/templates/review/review_form.html
index 1c7e8747fa2c20ff2288c98cef7e9b7488fc51df..184bcd973603b34788f27558fe0b251723c8dba6 100644
--- a/opentech/apply/review/templates/review/review_form.html
+++ b/opentech/apply/review/templates/review/review_form.html
@@ -1,8 +1,8 @@
 {% extends "base-apply.html" %}
 {% block title %}Create a review{% endblock %}
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <h1 class="beta heading heading--no-margin heading--bold">{{ title|default:"Create Review" }}</h1>
         <h5>For <a href="{% url "funds:submissions:detail" submission.id %}">{{ submission.title }}</a></h5>
     </div>
diff --git a/opentech/apply/review/templates/review/review_list.html b/opentech/apply/review/templates/review/review_list.html
index 710b97246d3d02250515f6e499eb77c00fed0c9e..889f3292f2d79f75cff9fac5cf3d38fdfff01848 100644
--- a/opentech/apply/review/templates/review/review_list.html
+++ b/opentech/apply/review/templates/review/review_list.html
@@ -4,8 +4,8 @@
 {% block title %}Reviews{% endblock %}
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium wrapper--reviews">
+<div class="admin-bar">
+    <div class="admin-bar__inner">
         <div>
             <h1 class="beta heading heading--no-margin heading--bold">Reviews</h1>
             <h5>For <a href="{% url "funds:submissions:detail" submission.id %}">{{ submission.title }}</a></h5>
diff --git a/opentech/apply/users/templates/users/account.html b/opentech/apply/users/templates/users/account.html
index 3177476547d1df21cd0c82c377be0603ca29504c..fec9e916078b0b8b8fe3272afbdea108f2906bb5 100644
--- a/opentech/apply/users/templates/users/account.html
+++ b/opentech/apply/users/templates/users/account.html
@@ -5,8 +5,8 @@
 
 
 {% block content %}
-<div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--large wrapper--search">
+<div class="admin-bar">
+    <div class="admin-bar__inner wrapper--search">
         <h3>Welcome {{ user }}</h3>
     </div>
 </div>
diff --git a/opentech/static_src/src/sass/apply/components/_admin-bar.scss b/opentech/static_src/src/sass/apply/components/_admin-bar.scss
new file mode 100644
index 0000000000000000000000000000000000000000..68e48b10d209d6885eb9dada7ebbc5ad8cd21211
--- /dev/null
+++ b/opentech/static_src/src/sass/apply/components/_admin-bar.scss
@@ -0,0 +1,16 @@
+.admin-bar {
+    position: relative;
+    right: 50%;
+    left: 50%;
+    width: 100vw;
+    padding: 20px;
+    margin-right: -50vw;
+    margin-left: -50vw;
+    color: $color--white;
+    background-color: $color--dark-grey;
+
+    &__inner {
+        max-width: $site-width;
+        margin: 0 auto;
+    }
+}
diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss
index 90bfb7424b906845213f4658df569ab623a19f23..c80d2378e184cfb651a1a6daa39e902ed993b21f 100644
--- a/opentech/static_src/src/sass/apply/components/_wrapper.scss
+++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss
@@ -20,21 +20,6 @@
         padding: 0 20px;
     }
 
-    &--admin {
-        padding: 20px;
-        color: $color--white;
-        background-color: $color--dark-grey;
-    }
-
-    &--breakout {
-        position: relative;
-        right: 50%;
-        left: 50%;
-        width: 100vw;
-        margin-right: -50vw;
-        margin-left: -50vw;
-    }
-
     &--blockquote {
         padding: 1rem 0;
         margin-top: 2rem;
diff --git a/opentech/static_src/src/sass/apply/main.scss b/opentech/static_src/src/sass/apply/main.scss
index ee6fea8b3633d4363fad6d7ec2fc1d48b345d23b..5aea732021064a5754f0dec693b40a92ddf61d70 100755
--- a/opentech/static_src/src/sass/apply/main.scss
+++ b/opentech/static_src/src/sass/apply/main.scss
@@ -13,6 +13,7 @@
 
 // Components
 @import 'components/all-submissions';
+@import 'components/admin-bar';
 @import 'components/activity-feed';
 @import 'components/comment';
 @import 'components/button';