diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
index 26ea44f6..ddce3dba 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
@@ -130,7 +130,7 @@
                 'common.file.errors.expired' | translate
               }}</span>
               <button
-                mat-stroked-button
+                mat-flat-button
                 class="mat-primary"
                 (click)="downloadAttachFileAll()"
               >
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
index 83ee9fe3..bc7857ca 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
@@ -109,7 +109,7 @@
     .ps {
       align-items: flex-start;
     }
- .attachFile {
+    .attachFile {
       border-top: 1px solid #dddddd;
       li {
         display: flex;
@@ -124,6 +124,7 @@
           white-space: nowrap;
           word-wrap: normal;
           overflow: hidden;
+          margin-right: 10px;
           span:last-child {
             overflow: hidden;
             text-overflow: ellipsis;
@@ -132,18 +133,18 @@
           }
         }
         .file-size {
-          display: inline-flex;
+          display: flex;
           margin-left: auto;
           align-self: flex-end;
           flex: 0 0 auto;
-          margin: 0 10px;
         }
         a {
           display: inline-block;
           width: 20px;
           height: 100%;
+          margin-left: 10px;
         }
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.html b/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.html
index 75a3957b..36daf520 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.html
+++ b/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.html
@@ -49,15 +49,24 @@
       </span>
     </dt>
     <dd>
-      <mat-icon *ngIf="!!message.resType && message.resType === ContentType.Image">image</mat-icon>
-      <mat-icon *ngIf="!!message.resType && message.resType === ContentType.AttachFile">attach_file</mat-icon>
+      <mat-icon
+        *ngIf="!!message.resType && message.resType === ContentType.Image"
+        >image</mat-icon
+      >
+      <mat-icon
+        *ngIf="!!message.resType && message.resType === ContentType.AttachFile"
+        >attach_file</mat-icon
+      >
       {{ message.title }}
     </dd>
   </dl>
   <div class="date">
     <span>{{ message.regDate | ucapDate: 'MM:DD' }}</span>
-    <span *ngIf="message.type === MessageType.Receive && !message.readYn" class="badge-new bg-warn-darkest">
+    <span
+      *ngIf="message.type === MessageType.Receive && !message.readYn"
+      class="badge-new bg-warn-darkest"
+    >
       N
     </span>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
index 34e02756..a4725c1f 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
@@ -1,5 +1,5 @@
 <!--체크박스 보여줄때는 <div class="list-item checkbox" matRipple>  클래스에 checkbox만 추가-->
-<div class="list-item" *ngIf="userInfo" matRipple>
+<div class="list-item checkbox" *ngIf="userInfo" matRipple>
   <!--pcOn , pcOut  pcOff , pcOther-->
   <span class="presence" [ngClass]="getPresence(PresenceType.PC)"> </span>
   <dl class="item-default">