diff --git a/ui-ngx/src/app/modules/home/components/profile/alarm/device-profile-alarm.component.scss b/ui-ngx/src/app/modules/home/components/profile/alarm/device-profile-alarm.component.scss
index 23917793d2..ad664e3156 100644
--- a/ui-ngx/src/app/modules/home/components/profile/alarm/device-profile-alarm.component.scss
+++ b/ui-ngx/src/app/modules/home/components/profile/alarm/device-profile-alarm.component.scss
@@ -16,6 +16,7 @@
 :host {
   display: block;
   .clear-alarm-rule {
+    max-width: 100%;
     border: 2px groove rgba(0, 0, 0, .45);
     border-radius: 4px;
     padding: 8px;