diff --git a/src/app/dars/audit/audit.component.html b/src/app/dars/audit/audit.component.html
index d7f777f95916705365bc13a762703eeef505dc78..43f8c00a5bca086b67b62433027e26990255abf4 100644
--- a/src/app/dars/audit/audit.component.html
+++ b/src/app/dars/audit/audit.component.html
@@ -265,7 +265,9 @@
             <div class="requirement-icon-outer">
                 <mat-icon class="requirement-toggle">{{requirementPanel.expanded ? 'arrow_drop_down' : 'arrow_right'}}</mat-icon>
             </div>
-            <div><p>Audit Legend</p></div>
+            <div>
+                <p class="legend-panel-title">Audit Legend</p>
+            </div>
           </mat-panel-title>
         </mat-expansion-panel-header>
         <cse-audit-legend></cse-audit-legend>
diff --git a/src/app/dars/audit/audit.component.scss b/src/app/dars/audit/audit.component.scss
index a48f313d6b996d131945dbe7082a2f986cd6a2a4..1a74c45d5338342234a91f3b3d23366e69ad5c71 100644
--- a/src/app/dars/audit/audit.component.scss
+++ b/src/app/dars/audit/audit.component.scss
@@ -172,6 +172,10 @@ $black: #000000;
   .requirement-toggle {
     margin-right: 0px;
   }
+
+  .legend-panel-title {
+    margin-left: 42px;
+  }
 }
 .content-type {
   display: flex;