diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html
index eb8c74cd..fd3fe062 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html
@@ -158,6 +158,9 @@
                 <button mat-button (click)="onClickDownload(fileInfo)">
                   <mat-icon>vertical_align_bottom</mat-icon>
                 </button>
+                <button mat-button (click)="onFileViewer(fileInfo)">
+                  <mat-icon>search</mat-icon>
+                </button>
               </span>
             </dd>
           </dl>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss
index 4568b92c..db4564e8 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss
@@ -109,6 +109,10 @@ $tablet-s-width: 768px;
         .btn-download {
           margin-left: auto;
           height: 40px;
+          button {
+            padding: 0 0 0 5px;
+            min-width: auto;
+          }
         }
       }
     }
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts
index ca4427cd..7776990f 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts
@@ -269,28 +269,28 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
     }
   }
 
-  async onFileViewer(event: MouseEvent, fileInfos: FileInfoTotal) {
-    // const result = await this.dialogService.open<
-    //   FileViewerDialogComponent,
-    //   FileViewerDialogData,
-    //   FileViewerDialogResult
-    // >(FileViewerDialogComponent, {
-    //   position: {
-    //     top: '50px'
-    //   },
-    //   maxWidth: '100vw',
-    //   maxHeight: '100vh',
-    //   height: 'calc(100% - 50px)',
-    //   width: '100%',
-    //   hasBackdrop: false,
-    //   panelClass: 'app-dialog-full',
-    //   data: {
-    //     fileInfo: fileInfos.info.sentMessageJson,
-    //     downloadUrl: this.sessionVerinfo.downloadUrl,
-    //     deviceType: this.environmentsInfo.deviceType,
-    //     token: this.loginRes.tokenString,
-    //     userSeq: this.loginRes.userSeq
-    //   }
-    // });
+  async onFileViewer(fileInfos: FileInfoTotal) {
+    const result = await this.dialogService.open<
+      FileViewerDialogComponent,
+      FileViewerDialogData,
+      FileViewerDialogResult
+    >(FileViewerDialogComponent, {
+      position: {
+        top: '50px'
+      },
+      maxWidth: '100vw',
+      maxHeight: '100vh',
+      height: 'calc(100% - 50px)',
+      width: '100%',
+      hasBackdrop: false,
+      panelClass: 'app-dialog-full',
+      data: {
+        fileInfo: fileInfos.info.sentMessageJson,
+        downloadUrl: this.sessionVerinfo.downloadUrl,
+        deviceType: this.environmentsInfo.deviceType,
+        token: this.loginRes.tokenString,
+        userSeq: this.loginRes.userSeq
+      }
+    });
   }
 }