diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
index 2f3b4462..8d29dda5 100644
--- a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
@@ -87,7 +87,7 @@
   </dl>
 
   <span
-    class="notiBadge"
+    class="noti-num"
     *ngIf="roomInfo.noReadCnt > 0"
     [matBadgeHidden]="roomInfo.noReadCnt === 0"
     [matBadge]="roomInfo.noReadCnt"
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss
index e2c32a28..f5d86f0e 100644
--- a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss
@@ -158,7 +158,7 @@ $thumbnail-msize: 40px;
   border-radius: 50%;
 }
 
-.notiBadge {
+.noti-num {
   position: absolute !important;
   right: 22px;
   bottom: 22px;