diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.scss b/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.scss
index 2ee3c0089d..c9e5eee944 100644
--- a/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.scss
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.scss
@@ -13,6 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
+@import '../scss/constants';
+
 :host {
   display: flex;
   max-width: 100%;
@@ -39,16 +42,12 @@
 
     tb-entity-subtype-list {
       flex: 1;
-      width: 180px;
+      @media #{$mat-gt-xs} {
+        width: 180px;
+      }
       .mdc-evolution-chip-set__chips {
         width: 100%;
       }
     }
-
-    .mat-mdc-chip {
-      .mdc-evolution-chip__cell, .mat-mdc-chip-action, .mat-mdc-chip-action-label {
-        overflow: hidden;
-      }
-    }
   }
 }