diff --git a/src/modal/index.scss b/src/modal/index.scss
index 837b04fdd..78543bf4f 100644
--- a/src/modal/index.scss
+++ b/src/modal/index.scss
@@ -10,12 +10,16 @@ $modal-max-height: 80vh;
             flex: 1;
             display: flex;
             flex-direction: column;
-            .dt-modal-body {
+            .dtc-modal-body {
                 flex: 1;
                 padding: 16px 24px;
                 overflow-y: auto;
                 min-height: 0;
             }
+            .dtc-modal-alert {
+                border-radius: 6px;
+                margin: 4px;
+            }
         }
         .ant-modal-header,
         .ant-modal-footer {
diff --git a/src/modal/modal.tsx b/src/modal/modal.tsx
index f06572d2e..98d79a571 100644
--- a/src/modal/modal.tsx
+++ b/src/modal/modal.tsx
@@ -42,6 +42,7 @@ export default function Modal({
         >
             {banner && (
                 <Alert
+                    className="dtc-modal-alert"
                     message={isValidBanner(banner) ? banner : banner.message}
                     banner
                     {...(isValidBanner(banner) ? {} : omit(banner, 'message'))}