diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html
index 692be5dce12..9e272fdcbfb 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html
@@ -645,7 +645,7 @@ <h3 class="modal-title">{{ headerTitle | translate }}</h3>
                         </div>
                     </div>
                     <div
-                        class="clr-checkbox-wrapper clr-form-control mt-0"
+                        class="clr-checkbox-wrapper mt-0"
                         [hidden]="isNotEventBased()">
                         <input
                             type="checkbox"
@@ -653,9 +653,13 @@ <h3 class="modal-title">{{ headerTitle | translate }}</h3>
                             [checked]="false"
                             id="ruleDeletion"
                             formControlName="deletion" />
-                        <label for="ruleDeletion">{{
-                            'REPLICATION.DELETE_REMOTE_IMAGES' | translate
-                        }}</label>
+                        <label
+                            class="clr-control-label event-label"
+                            for="ruleDeletion"
+                            >{{
+                                'REPLICATION.DELETE_REMOTE_IMAGES' | translate
+                            }}</label
+                        >
                     </div>
                 </div>
             </div>
diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss
index 8e8d72b225e..ca8cc61b532 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss
@@ -351,3 +351,7 @@ clr-modal {
 .cron-input {
     width: 12rem;
 }
+
+.event-label {
+    width: unset;
+}