# 이슈처리 268

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html

@@ -161,10 +161,14 @@
               </button>
             </div>
 
-            <ul>
+            <perfect-scrollbar>
+              <ul class="attachFileList">
                 <li *ngFor="let file of attachFile">
                   <div>
-                  <span class="mdi" [ngClass]="getFileStatusIcon(file)"></span>
+                    <span
+                      class="mdi"
+                      [ngClass]="getFileStatusIcon(file)"
+                    ></span>
                     <span>{{ file.resContent }}</span>
                   </div>
                   <span class="file-size">{{ file.resSize | ucapBytes }}</span>
@@ -177,6 +181,7 @@
                   </a>
                 </li>
               </ul>
+            </perfect-scrollbar>
           </div>
         </div>
       </div>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss

@@ -141,11 +141,14 @@
     }
     .attachFile {
       border-top: 1px solid #dddddd;
+      .attachFileList {
+        height: 80px;
         li {
           display: flex;
           flex-flow: row;
           line-height: 2em;
           flex: 1 1 auto;
+          margin-right: 10px;
           .file-name {
             display: inline-flex;
             flex-flow: row;
@@ -177,4 +180,5 @@
         }
       }
     }
+  }
 }