diff --git a/_css/base/_sprite.scss b/_css/base/_sprite.scss
index ff30809847..b91e88f1ed 100644
--- a/_css/base/_sprite.scss
+++ b/_css/base/_sprite.scss
@@ -14,7 +14,7 @@
 
 .svg-census-letter {
 	@extend %svg-common;
-	background-position: 18.571428571428573% 34.97540311560535%;
+	background-position: 43.54920634920635% 45.870771670190265%;
 }
 
 .svg-census-letter-dims {
@@ -24,7 +24,7 @@
 
 .svg-census-logo {
 	@extend %svg-common;
-	background-position: 0 9.442344672103971%;
+	background-position: 0 9.13933637122136%;
 }
 
 .svg-census-logo-dims {
@@ -34,7 +34,7 @@
 
 .svg-crest-logo {
 	@extend %svg-common;
-	background-position: 0 19.77485131690739%;
+	background-position: 0 19.098741794310722%;
 }
 
 .svg-crest-logo-dims {
@@ -44,7 +44,7 @@
 
 .svg-icons--caret-bottom {
 	@extend %svg-common;
-	background-position: 18.571428571428573% 19.064846416382252%;
+	background-position: 16.50793650793651% 18.435643564356436%;
 }
 
 .svg-icons--caret-bottom-dims {
@@ -54,7 +54,7 @@
 
 .svg-icons--caret-left {
 	@extend %svg-common;
-	background-position: 35.13513513513514% 0;
+	background-position: 31.419939577039276% 0;
 }
 
 .svg-icons--caret-left-dims {
@@ -64,7 +64,7 @@
 
 .svg-icons--caret-right {
 	@extend %svg-common;
-	background-position: 47.2972972972973% 0;
+	background-position: 42.29607250755287% 0;
 }
 
 .svg-icons--caret-right-dims {
@@ -74,7 +74,7 @@
 
 .svg-icons--caret-top {
 	@extend %svg-common;
-	background-position: 0 34.99931628606591%;
+	background-position: 0 33.8423905857464%;
 }
 
 .svg-icons--caret-top-dims {
@@ -84,7 +84,7 @@
 
 .svg-icons--census-logo-en {
 	@extend %svg-common;
-	background-position: 18.571428571428573% 9.40492701935143%;
+	background-position: 16.50793650793651% 9.10427722012659%;
 }
 
 .svg-icons--census-logo-en-dims {
@@ -94,7 +94,7 @@
 
 .svg-icons--check {
 	@extend %svg-common;
-	background-position: 62.857142857142854% 0;
+	background-position: 55.87301587301587% 0;
 }
 
 .svg-icons--check-dims {
@@ -104,7 +104,7 @@
 
 .svg-icons--chevron-bottom {
 	@extend %svg-common;
-	background-position: 62.857142857142854% 15.854893334729935%;
+	background-position: 55.87301587301587% 15.319995951553594%;
 }
 
 .svg-icons--chevron-bottom-dims {
@@ -114,7 +114,7 @@
 
 .svg-icons--chevron-down {
 	@extend %svg-common;
-	background-position: 98.93992932862191% 42.64041095890411%;
+	background-position: 28.738993710691823% 80.41721854304636%;
 }
 
 .svg-icons--chevron-down-dims {
@@ -124,7 +124,7 @@
 
 .svg-icons--chevron-left {
 	@extend %svg-common;
-	background-position: 0 50.12996389891696%;
+	background-position: 0 48.38327526132404%;
 }
 
 .svg-icons--chevron-left-dims {
@@ -134,7 +134,7 @@
 
 .svg-icons--chevron-right {
 	@extend %svg-common;
-	background-position: 14.71614664317059% 50.12996389891696%;
+	background-position: 13.12844856816991% 48.38327526132404%;
 }
 
 .svg-icons--chevron-right-dims {
@@ -144,7 +144,7 @@
 
 .svg-icons--chevron-top {
 	@extend %svg-common;
-	background-position: 30.42142857142857% 48.48294403128382%;
+	background-position: 27.04126984126984% 46.84727235923214%;
 }
 
 .svg-icons--chevron-top-dims {
@@ -154,7 +154,7 @@
 
 .svg-icons--circle-check {
 	@extend %svg-common;
-	background-position: 81.42857142857143% 0;
+	background-position: 72.38095238095238% 0;
 }
 
 .svg-icons--circle-check-dims {
@@ -164,7 +164,7 @@
 
 .svg-icons--circle-x {
 	@extend %svg-common;
-	background-position: 81.42857142857143% 18.772563176895307%;
+	background-position: 72.38095238095238% 18.118466898954704%;
 }
 
 .svg-icons--circle-x-dims {
@@ -174,7 +174,7 @@
 
 .svg-icons--download {
 	@extend %svg-common;
-	background-position: 0 85.2140350877193%;
+	background-position: 0 99.95254237288135%;
 }
 
 .svg-icons--download-dims {
@@ -184,7 +184,7 @@
 
 .svg-icons--download-white {
 	@extend %svg-common;
-	background-position: 15.22491349480969% 84.32638888888889%;
+	background-position: 13.580246913580247% 98.94630872483222%;
 }
 
 .svg-icons--download-white-dims {
@@ -194,7 +194,7 @@
 
 .svg-icons--external-link {
 	@extend %svg-common;
-	background-position: 0 68.90252707581227%;
+	background-position: 0 66.50174216027875%;
 }
 
 .svg-icons--external-link-dims {
@@ -204,7 +204,7 @@
 
 .svg-icons--guidance {
 	@extend %svg-common;
-	background-position: 41.390728476821195% 83.17123287671232%;
+	background-position: 96.72106824925817% 52.980132450331126%;
 }
 
 .svg-icons--guidance-dims {
@@ -214,7 +214,7 @@
 
 .svg-icons--guidance-white {
 	@extend %svg-common;
-	background-position: 34.437086092715234% 17.80821917808219%;
+	background-position: 96.72106824925817% 77.48344370860927%;
 }
 
 .svg-icons--guidance-white-dims {
@@ -224,7 +224,7 @@
 
 .svg-icons--icons--check {
 	@extend %svg-common;
-	background-position: 95.89041095890411% 70.13993174061433%;
+	background-position: 99.6788990825688% 28.382838283828384%;
 }
 
 .svg-icons--icons--check-dims {
@@ -232,9 +232,19 @@
 	height: 36px;
 }
 
+.svg-icons--icons--chevron-down-black {
+	@extend %svg-common;
+	background-position: 83.58208955223881% 66.88102893890675%;
+}
+
+.svg-icons--icons--chevron-down-black-dims {
+	width: 32px;
+	height: 28px;
+}
+
 .svg-icons--icons--definition-arrow {
 	@extend %svg-common;
-	background-position: 47.2972972972973% 17.80821917808219%;
+	background-position: 98.47432024169184% 65.23178807947019%;
 }
 
 .svg-icons--icons--definition-arrow-dims {
@@ -244,7 +254,7 @@
 
 .svg-icons--icons--guidance {
 	@extend %svg-common;
-	background-position: 17.850026219192447% 68.90252707581227%;
+	background-position: 87.21382962155427% 0;
 }
 
 .svg-icons--icons--guidance-dims {
@@ -254,7 +264,7 @@
 
 .svg-icons--icons--guidance-darkblue {
 	@extend %svg-common;
-	background-position: 33.913651459535046% 68.90252707581227%;
+	background-position: 87.21382962155427% 18.118466898954704%;
 }
 
 .svg-icons--icons--guidance-darkblue-dims {
@@ -264,7 +274,7 @@
 
 .svg-icons--icons--guidance-white {
 	@extend %svg-common;
-	background-position: 49.97727669987764% 68.90252707581227%;
+	background-position: 87.21382962155427% 36.23693379790941%;
 }
 
 .svg-icons--icons--guidance-white-dims {
@@ -274,7 +284,7 @@
 
 .svg-icons--info {
 	@extend %svg-common;
-	background-position: 64.02426625093203% 68.90252707581227%;
+	background-position: 84.83306065563836% 54.35540069686411%;
 }
 
 .svg-icons--info-dims {
@@ -284,7 +294,7 @@
 
 .svg-icons--info-circle {
 	@extend %svg-common;
-	background-position: 80.66071428571429% 68.90252707581227%;
+	background-position: 0 84.62020905923345%;
 }
 
 .svg-icons--info-circle-dims {
@@ -294,7 +304,7 @@
 
 .svg-icons--lock {
 	@extend %svg-common;
-	background-position: 96.07796040215489% 56.670175438596495%;
+	background-position: 99.85295469166437% 0;
 }
 
 .svg-icons--lock-dims {
@@ -304,7 +314,7 @@
 
 .svg-icons--lockicon {
 	@extend %svg-common;
-	background-position: 0 99.95121951219512%;
+	background-position: 99.07294832826747% 14.814814814814815%;
 }
 
 .svg-icons--lockicon-dims {
@@ -314,7 +324,7 @@
 
 .svg-icons--person {
 	@extend %svg-common;
-	background-position: 29.591836734693878% 83.45704467353951%;
+	background-position: 99.07294832826747% 40.53156146179402%;
 }
 
 .svg-icons--person-dims {
@@ -324,7 +334,7 @@
 
 .svg-icons--phone {
 	@extend %svg-common;
-	background-position: 52.36486486486486% 82.88737201365188%;
+	background-position: 42.29607250755287% 17.16171617161716%;
 }
 
 .svg-icons--phone-dims {
@@ -334,7 +344,7 @@
 
 .svg-icons--right-arrow {
 	@extend %svg-common;
-	background-position: 95.69050955196336% 26.1768953068592%;
+	background-position: 15.872531363511492% 84.62020905923345%;
 }
 
 .svg-icons--right-arrow-dims {
@@ -344,7 +354,7 @@
 
 .svg-logo {
 	@extend %svg-common;
-	background-position: 100% 15.251941186188668%;
+	background-position: 32.717460317460315% 61.0458979689749%;
 }
 
 .svg-logo-dims {
@@ -354,7 +364,7 @@
 
 .svg-logo-crest {
 	@extend %svg-common;
-	background-position: 100% 0;
+	background-position: 16.20952380952381% 65.17552246960797%;
 }
 
 .svg-logo-crest-dims {
@@ -364,7 +374,7 @@
 
 .svg-logo-cy {
 	@extend %svg-common;
-	background-position: 48.99285714285714% 45.86774129616172%;
+	background-position: 33.01587301587302% 32.73645839994884%;
 }
 
 .svg-logo-cy-dims {
@@ -374,7 +384,7 @@
 
 .svg-logo-en {
 	@extend %svg-common;
-	background-position: 37.142857142857146% 34.04609091816035%;
+	background-position: 16.50793650793651% 32.95033954491326%;
 }
 
 .svg-logo-en-dims {
@@ -384,7 +394,7 @@
 
 .svg-logo-english-reversed {
 	@extend %svg-common;
-	background-position: 81.42857142857143% 51.80690935614349%;
+	background-position: 72.38095238095238% 50.14440664912393%;
 }
 
 .svg-logo-english-reversed-dims {
@@ -394,7 +404,7 @@
 
 .svg-logo-welsh-reversed {
 	@extend %svg-common;
-	background-position: 81.42857142857143% 42.99386179130091%;
+	background-position: 72.38095238095238% 41.62034374800332%;
 }
 
 .svg-logo-welsh-reversed-dims {
@@ -404,7 +414,7 @@
 
 .svg-ons-logo-black {
 	@extend %svg-common;
-	background-position: 81.42857142857143% 34.35517970401691%;
+	background-position: 72.38095238095238% 33.2565873624968%;
 }
 
 .svg-ons-logo-black-dims {
@@ -414,7 +424,7 @@
 
 .svg-ons-logo-colour {
 	@extend %svg-common;
-	background-position: 62.857142857142854% 29.066886870355077%;
+	background-position: 55.87301587301587% 28.137490007993605%;
 }
 
 .svg-ons-logo-colour-dims {
@@ -424,7 +434,7 @@
 
 .svg-ons-logo-stacked {
 	@extend %svg-common;
-	background-position: 18.571428571428573% 0;
+	background-position: 16.50793650793651% 0;
 }
 
 .svg-ons-logo-stacked-dims {
diff --git a/_includes/header-eq-default.html b/_includes/header-eq-default.html
index c80b96fb33..9f18d8cb6d 100644
--- a/_includes/header-eq-default.html
+++ b/_includes/header-eq-default.html
@@ -22,9 +22,9 @@
     </div>
     <div class="header__main ">
         <div class="container">
-            <div class="grid grid--gutterless grid--align-mid u-cf">
-                <div class="grid__col ">
-                    {% if page.logoUrl %}<a href="{{ page.logoUrl }}">{% endif %}
+            <div class="grid grid--gutterless grid--flex grid--between grid--vertical-center grid--no-wrap">
+                <div class="grid__col col-auto u-flex-shrink">
+                    {% if page.logoUrl %}<a class="header__title-link" href="{{ page.logoUrl }}">{% endif %}
                     <h1
                             class="header__title header__title--nav-adj">
                         <span class="js-header-title">
@@ -34,18 +34,19 @@
                                 {{ site.title }}
                             {% endif %}
                         </span>
-                        {% unless page.hideSaveLater %}
-                                    {% if page.exit %}
-                                    <button class="btn btn--ghost u-fr u-d-no@xs@m exit">Exit</button>
-                                    {% else %}
-                                    <button class="btn btn--ghost u-fr u-d-no@xs@m complete-later">Save and sign out</button>
-                                    {% endif %}
-                        
-                        <!--<button class="btn btn&#45;&#45;ghost u-fr">Cadw a chwblhau'n ddiweddarach</button>-->
-                        {% endunless %}
                     </h1>
+                    <img class="header__title-logo" src="/img/icons/census-logo-en.svg" alt="Census 2021">
                     {% if page.logoUrl %}</a>{% endif %}
                 </div>
+                <div class="grid__col col-auto u-flex-no-shrink">
+                {% unless page.hideSaveLater %}
+                    {% if page.exit %}
+                    <button class="btn btn--ghost u-fr u-d-no@xs@m exit">Exit</button>
+                    {% else %}
+                    <button class="btn btn--ghost u-fr u-d-no@xs@m complete-later">Save and sign out</button>
+                    {% endif %}
+                {% endunless %}
+                </div>
             </div>
         </div>
     </div>