diff --git a/mesop/web/src/app/styles.scss b/mesop/web/src/app/styles.scss
index 133482fb8..74c8d2648 100644
--- a/mesop/web/src/app/styles.scss
+++ b/mesop/web/src/app/styles.scss
@@ -208,8 +208,8 @@ body {
   box-sizing: border-box;
 }
 
-// Need these as global styles since markdown HTML is rendered specially.
-.markdown * {
+// Need these as global styles since markdown HTML is not rendered through Angular.
+.error-box-markdown * {
   margin: 0;
   padding: 0;
   list-style: none;
diff --git a/mesop/web/src/error/error_box.ng.html b/mesop/web/src/error/error_box.ng.html
index 59663556f..a78f69502 100644
--- a/mesop/web/src/error/error_box.ng.html
+++ b/mesop/web/src/error/error_box.ng.html
@@ -3,7 +3,7 @@
     <button mat-icon-button class="close-button" (click)="hideError(error)">
       <mat-icon>close</mat-icon>
     </button>
-    <div class="markdown" [innerHTML]="markdownHTML"></div>
+    <div class="error-box-markdown" [innerHTML]="markdownHTML"></div>
   </div>
   <div *ngIf="error.hasTraceback()">
     <div *ngIf="showFullTraceback()" class="traceback-heading">Traceback</div>