diff --git a/src/app/components/auth/login/login.component.html b/src/app/components/auth/login/login.component.html
index f82fad1..7210e2b 100644
--- a/src/app/components/auth/login/login.component.html
+++ b/src/app/components/auth/login/login.component.html
@@ -133,7 +133,7 @@
                 </div>
                 <div class="col-md-7 p-0 card-right">
                     <div class="card tab2-card">
-                        <div style="padding: 46px;" class="card-body">
+                        <div style="padding: 34px;" class="card-body">
                             <ul ngbNav #nav="ngbNav" [(activeId)]="active" class="nav-tabs">
                                 <li [ngbNavItem]="1">
                                     <h3 style="color: lightcoral" ngbNavLink>Đăng nhập</h3>
@@ -187,6 +187,10 @@
                                                     <a class="ml-2" [routerLink]="['/auth', 'signup']">Đăng ký ngay</a>
                                                 </div>
 
+                                                <div class="d-flex justify-content-center align-items-center mt-2">
+                                                    <a class="link-shipper" href="">Tải ứng dụng <span class="font-weight-bold">Shipper</span> tại đây</a>
+                                                </div>
+
                                             </form>
                                         </div>
                                     </ng-template>
diff --git a/src/app/components/auth/login/login.component.scss b/src/app/components/auth/login/login.component.scss
index ebe6719..3021644 100644
--- a/src/app/components/auth/login/login.component.scss
+++ b/src/app/components/auth/login/login.component.scss
@@ -35,5 +35,12 @@
           color: #999a9b;
         }
       }
+
+    .link-shipper {
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
 }