diff --git a/app/assets/javascripts/discourse/templates/modal/flag.hbs b/app/assets/javascripts/discourse/templates/modal/flag.hbs
index b085e8211d5..056f2bc9a3f 100644
--- a/app/assets/javascripts/discourse/templates/modal/flag.hbs
+++ b/app/assets/javascripts/discourse/templates/modal/flag.hbs
@@ -1,4 +1,4 @@
-{{#d-modal-body class="flag-modal" title=title}}
+{{#d-modal-body class="flag-modal-body" title=title}}
   <form>
     {{#flag-selection nameKey=selected.name_key flags=flagsAvailable as |f|}}
       {{flag-action-type flag=f
diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index a2944531818..90a20854fdf 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -594,7 +594,7 @@
   }
 }
 
-.flag-modal {
+.flag-modal-body {
   max-height: 450px;
   .flag-action-type-details {
     width: 100%;
diff --git a/app/assets/stylesheets/mobile/modal.scss b/app/assets/stylesheets/mobile/modal.scss
index b4328ae7621..36777b0eee8 100644
--- a/app/assets/stylesheets/mobile/modal.scss
+++ b/app/assets/stylesheets/mobile/modal.scss
@@ -79,7 +79,7 @@
 }
 
 @media only screen and (max-device-width: 568px) {
-  .modal .flag-modal .flag-message {
+  .modal .flag-modal-body .flag-message {
     height: 3em;
   }
 }