diff --git a/src/app/components/app/app.component.css b/src/app/components/app/app.component.css
index f56a28d..0fc949c 100644
--- a/src/app/components/app/app.component.css
+++ b/src/app/components/app/app.component.css
@@ -9,10 +9,18 @@ div.img-container{
     max-height: 64px;
 }
 
+.navbar-nav .nav-link {
+    height: 64px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 .active { 
     border-bottom: 3px solid #3656DE !important;
     color: #3656DE !important;
     font-weight: 500;
+    padding-top: 13px;
 }
 
 .btn-logout:hover {
diff --git a/src/app/components/app/app.component.html b/src/app/components/app/app.component.html
index adf87dd..6a88441 100644
--- a/src/app/components/app/app.component.html
+++ b/src/app/components/app/app.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-white navbar-custom" style="z-index: 1;">
+<nav class="navbar navbar-expand-lg navbar-light bg-white navbar-custom" style="z-index: 1; padding-bottom: 0; padding-top:0px">
   <a class="navbar-brand" href="./">
     <img src="assets/img/logo-vn.svg" height="24px" width="138px" />
   </a>
@@ -14,7 +14,7 @@
   <!--Navbar Items-->
   <div
     [ngbCollapse]="isMenuCollapsed"
-    class="collapse navbar-collapse justify-content-center"
+    class="collapse navbar-collapse justify-content-center" 
   >
     <div>
       <ul class="navbar-nav me-auto">