diff --git a/src/components/layouts/navbar/Navbar.vue b/src/components/layouts/navbar/Navbar.vue
index 1a75321..8852246 100644
--- a/src/components/layouts/navbar/Navbar.vue
+++ b/src/components/layouts/navbar/Navbar.vue
@@ -38,7 +38,7 @@ const isScrolling = computed(() => {
   top: 0;
   inset-inline-start: 0;
   width: 100%;
-  height: 65px;
+  height: 80px;
   background: var(--white);
   transition: all 0.3s; // transition-all test
   border-bottom: 1px solid var(--fade-grey);
@@ -316,7 +316,7 @@ const isScrolling = computed(() => {
           align-items: center;
           gap: 0.25rem;
           text-align: center;
-          padding: 12px 24px;
+          padding: 15px 24px;
           //border-radius: 8px;
           border: 1px solid transparent;
           margin: 0 4px;
diff --git a/src/components/layouts/shared/ViewWrapper.vue b/src/components/layouts/shared/ViewWrapper.vue
index 444dd99..3f1348a 100644
--- a/src/components/layouts/shared/ViewWrapper.vue
+++ b/src/components/layouts/shared/ViewWrapper.vue
@@ -65,7 +65,7 @@ const props = defineProps<{
     }
 
     .page-content-wrapper {
-      padding-top: 30px;
+      padding-top: 45px;
     }
   }