diff --git a/npm/ng-packs/packages/account/src/lib/components/manage-profile/manage-profile.component.html b/npm/ng-packs/packages/account/src/lib/components/manage-profile/manage-profile.component.html
index 04dd582ac7..20ddf69a06 100644
--- a/npm/ng-packs/packages/account/src/lib/components/manage-profile/manage-profile.component.html
+++ b/npm/ng-packs/packages/account/src/lib/components/manage-profile/manage-profile.component.html
@@ -3,7 +3,7 @@
 <div class="card border-0 shadow-sm">
   <div class="card-body">
     <div class="row">
-      <div class="col-3">
+      <div class="col-12 col-md-3">
         <ul class="nav flex-column nav-pills" id="nav-tab" role="tablist">
           <li class="nav-item" (click)="selectedTab = 0">
             <a
@@ -14,7 +14,7 @@
               >{{ 'AbpUi::ChangePassword' | abpLocalization }}</a
             >
           </li>
-          <li class="nav-item" (click)="selectedTab = 1">
+          <li class="nav-item mb-2" (click)="selectedTab = 1">
             <a
               class="nav-link"
               [ngClass]="{ active: selectedTab === 1 }"
@@ -25,7 +25,7 @@
           </li>
         </ul>
       </div>
-      <div class="col-9">
+      <div class="col-12 col-md-9">
         <div class="tab-content" *ngIf="selectedTab === 0" [@fadeIn]>
           <div class="tab-pane active" role="tabpanel">
             <h4>