diff --git a/src/app/features/genes/components/gene-hero/gene-hero.component.html b/src/app/features/genes/components/gene-hero/gene-hero.component.html
index cb2b483c..81728ab3 100644
--- a/src/app/features/genes/components/gene-hero/gene-hero.component.html
+++ b/src/app/features/genes/components/gene-hero/gene-hero.component.html
@@ -22,7 +22,7 @@ <h4 class="gene-hero-biodomains-heading">Biological Domains</h4>
             {{ getBiodomains() }}
           </p>
         </div>
-        <div *ngIf="gene.druggability[0].pharos_class">
+        <div *ngIf="gene.druggability[0].pharos_class" class="gene-hero-pharos">
           <h4 class="gene-hero-pharos-heading">Pharos Class</h4>
           <p>{{ gene.druggability[0].pharos_class }}</p>
         </div>
diff --git a/src/app/features/genes/components/gene-hero/gene-hero.component.scss b/src/app/features/genes/components/gene-hero/gene-hero.component.scss
index 46cedd97..332c004f 100644
--- a/src/app/features/genes/components/gene-hero/gene-hero.component.scss
+++ b/src/app/features/genes/components/gene-hero/gene-hero.component.scss
@@ -38,7 +38,17 @@ hr {
 }
 
 .gene-hero-biodomains {
-  margin-bottom: 30px;
+  margin-bottom: 15px;
+  
+  p {
+    margin-left: 10px;
+  }
+}
+
+.gene-hero-pharos {
+  p {
+    margin-left: 10px;
+  }
 }
 
 .gene-hero-summary {