diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html
index 32f9cfde..cd66128d 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html
@@ -14,11 +14,13 @@
             {{ 'settings.typeGenernal' | translate }}
           </ng-template>
 
-          <ucap-settings-general
-            class="setting-category general"
-            [setting]="appUserInfo.settings.general"
-            (changed)="onChangedGeneralSetting($event)"
-          ></ucap-settings-general>
+          <perfect-scrollbar>
+            <ucap-settings-general
+              class="setting-category general"
+              [setting]="appUserInfo.settings.general"
+              (changed)="onChangedGeneralSetting($event)"
+            ></ucap-settings-general>
+          </perfect-scrollbar>
         </mat-tab>
         <!-- <mat-tab>
           <ng-template mat-tab-label>
@@ -34,11 +36,13 @@
             <span class="mdi mdi-bell"></span>
             {{ 'settings.typeNotification' | translate }}
           </ng-template>
-          <ucap-settings-notification
-            [setting]="appUserInfo.settings.notification"
-            (changed)="onChangedNotificationSetting($event)"
-            class="setting-category"
-          ></ucap-settings-notification>
+          <perfect-scrollbar>
+            <ucap-settings-notification
+              [setting]="appUserInfo.settings.notification"
+              (changed)="onChangedNotificationSetting($event)"
+              class="setting-category"
+            ></ucap-settings-notification>
+          </perfect-scrollbar>
         </mat-tab>
         <!-- <mat-tab>
           <ng-template mat-tab-label>
@@ -68,11 +72,13 @@
             <span class="mdi mdi-chat"></span>
             {{ 'settings.typeChat' | translate }}
           </ng-template>
-          <ucap-settings-chat
-            [setting]="appUserInfo.settings.chat"
-            (changed)="onChangedChatSetting($event)"
-            class="setting-category"
-          ></ucap-settings-chat>
+          <perfect-scrollbar>
+            <ucap-settings-chat
+              [setting]="appUserInfo.settings.chat"
+              (changed)="onChangedChatSetting($event)"
+              class="setting-category"
+            ></ucap-settings-chat>
+          </perfect-scrollbar>
         </mat-tab>
       </mat-tab-group>