diff --git a/public/app/themes/clarity/src/components/c-logo-bar/style.styl b/public/app/themes/clarity/src/components/c-logo-bar/style.styl
index b372363db..783f06ad0 100644
--- a/public/app/themes/clarity/src/components/c-logo-bar/style.styl
+++ b/public/app/themes/clarity/src/components/c-logo-bar/style.styl
@@ -15,19 +15,23 @@
     text-decoration: none;
   }
 
-  img {
+  .image {
+    background-size: 94%;
+    background-repeat: no-repeat;
+    background-position: 1px 12px;
+    width: 38px;
     height: 49px;
-    position: relative;
     display: block;
     float: left;
+    margin-right: 2px;
   }
   .agency-title {
     color: white;
     font-size: 26px;
     font-weight: 400;
-    line-height: 29px;
+    line-height: 31px;
     float: left;
-    padding: $spacing $spacing $spacing;
+    padding: $spacing $spacing 0.6rem;
   }
 
   &__switch {
@@ -57,5 +61,4 @@
   &__stack--right {
     float:right;
   }
-
 }
diff --git a/public/app/themes/clarity/src/components/c-logo-bar/view.php b/public/app/themes/clarity/src/components/c-logo-bar/view.php
index c207b9785..ac572a3e6 100644
--- a/public/app/themes/clarity/src/components/c-logo-bar/view.php
+++ b/public/app/themes/clarity/src/components/c-logo-bar/view.php
@@ -1,42 +1,37 @@
 <?php
-  use MOJ\Intranet\Agency;
 
-  $oAgency      = new Agency();
-  $activeAgency = $oAgency->getCurrentAgency();
+use MOJ\Intranet\Agency;
+
+$oAgency = new Agency();
+$activeAgency = $oAgency->getCurrentAgency();
+
+$logo = get_stylesheet_directory_uri() . '/dist/images/moj_logo_header.png';
 
 if ($activeAgency['shortcode'] === 'law-commission') {
     $logo = get_stylesheet_directory_uri() . '/dist/images/lawcomms_logo_new.png';
-} else {
-	$logo = get_stylesheet_directory_uri() . '/dist/images/moj_logo_new.png';
 }
 
-$agency = get_intranet_code();
-
-$header_logo  = get_field($agency .'_header_logo', 'option');
+$header_logo = get_field(get_intranet_code() .'_header_logo', 'option');
 
 if(!empty($header_logo)){
     $logo = $header_logo;
 }
 
-  $page_name = get_query_var('name');
 ?>
 
 <section class="c-logo-bar">
   <div class="u-wrapper">
-
         <div class="u-wrapper__stack--left">
             <a href="/" rel="home">
-            <img aria-hidden="true" src="<?= $logo ?>" alt>
-            <span class="agency-title l-half-section"><?= $activeAgency['label'] ?></span>
+                <span class="image" style="background-image: url('<?= $logo ?>')">&nbsp;</span>
+                <span class="agency-title l-half-section"><?= $activeAgency['label'] ?></span>
             </a>
         </div>
 
         <div class="u-wrapper__stack--right">
-            <?php if ($page_name !== 'agency-switcher') : ?>
+            <?php if (get_query_var('name') !== 'agency-switcher') : ?>
             <a href="/agency-switcher" class="c-logo-bar__switch">Switch to other intranet</a>
             <?php endif; ?>
         </div>
-        
     </div>
-  </div>
 </section>