diff --git a/ui/app/styles/core/message.scss b/ui/app/styles/core/message.scss
index 3ae4df4aa6..8bd09f1fe0 100644
--- a/ui/app/styles/core/message.scss
+++ b/ui/app/styles/core/message.scss
@@ -110,4 +110,12 @@
   .p {
     margin: 0;
   }
+
+  &.has-top {
+    margin-top: 1rem;
+  }
+}
+
+.has-text-highlight {
+  color: $yellow-500;
 }
diff --git a/ui/app/templates/partials/replication/enable.hbs b/ui/app/templates/partials/replication/enable.hbs
index 4c0d5dc9bc..6ff8ad8063 100644
--- a/ui/app/templates/partials/replication/enable.hbs
+++ b/ui/app/templates/partials/replication/enable.hbs
@@ -141,10 +141,11 @@
         </select>
       </div>
       {{#if (eq mode 'secondary')}}
-        <AlertInline
-          @type="warning"
-          @message="This will immediately clear all data in this cluster!"
-        />
+          <AlertInline
+            @class="has-top"
+            @type="warning"
+            @message="This will immediately clear all data in this cluster!"
+          />
       {{/if}}
     </div>
     {{#if (eq mode 'primary')}}
diff --git a/ui/app/templates/partials/replication/promote.hbs b/ui/app/templates/partials/replication/promote.hbs
index 59c94c4eef..44cec91ed8 100644
--- a/ui/app/templates/partials/replication/promote.hbs
+++ b/ui/app/templates/partials/replication/promote.hbs
@@ -46,6 +46,7 @@
             </label>
           </div>
           <AlertInline
+            @class="has-top"
             @type="warning"
             @message="Forcing promotion could result in data loss if data isn't fully replicated. Force promotion
             promotes the cluster even if certain safety checks fail."
@@ -104,6 +105,7 @@
         </label>
       </div>
       <AlertInline
+        @class="has-top"
         @type="warning"
         @message="Forcing promotion could result in data loss if data isn't fully replicated. Force promotion
           promotes the cluster even if certain safety checks fail."