diff --git a/frontend/src/assets/global.css b/frontend/src/assets/global.css
index 1eaff1765..77be29063 100644
--- a/frontend/src/assets/global.css
+++ b/frontend/src/assets/global.css
@@ -65,7 +65,12 @@ body {
  *************************/
 .vditor {
   min-height: 200px;
-} 
+}
+
+.vditor-toolbar--pin {
+  top: var(--header-height) !important;
+}
+
 /* .vditor {
   --textarea-background-color: transparent;
   border: none !important;
diff --git a/frontend/src/views/AboutPageView.vue b/frontend/src/views/AboutPageView.vue
index f36ba3489..669218787 100644
--- a/frontend/src/views/AboutPageView.vue
+++ b/frontend/src/views/AboutPageView.vue
@@ -75,13 +75,11 @@ export default {
   max-width: var(--page-max-width);
   background-color: var(--background-color);
   margin: 0 auto;
-  height: 100%;
-  overflow-y: auto;
 }
 
 .about-tabs {
   position: sticky;
-  top: 1px;
+  top: calc(var(--header-height) + 1px);
   z-index: 200;
   background-color: var(--background-color-blur);
   display: flex;
diff --git a/frontend/src/views/HomePageView.vue b/frontend/src/views/HomePageView.vue
index bbae20c0b..bd5a3ab13 100644
--- a/frontend/src/views/HomePageView.vue
+++ b/frontend/src/views/HomePageView.vue
@@ -433,7 +433,7 @@ export default {
 
 .topic-container {
   position: sticky;
-  top: 1px;
+  top: calc(var(--header-height) + 1px);
   z-index: 10;
   background-color: var(--background-color-blur);
   display: flex;
diff --git a/frontend/src/views/MessagePageView.vue b/frontend/src/views/MessagePageView.vue
index 03b79d59f..3eda7cf51 100644
--- a/frontend/src/views/MessagePageView.vue
+++ b/frontend/src/views/MessagePageView.vue
@@ -632,7 +632,7 @@ export default {
 
 .message-page-header {
   position: sticky;
-  top: 1px;
+  top: calc(var(--header-height) + 1px);
   z-index: 200;
   background-color: var(--background-color-blur);
   display: flex;
diff --git a/frontend/src/views/NewPostPageView.vue b/frontend/src/views/NewPostPageView.vue
index a784ed202..93f9b4211 100644
--- a/frontend/src/views/NewPostPageView.vue
+++ b/frontend/src/views/NewPostPageView.vue
@@ -261,10 +261,8 @@ export default {
   display: flex;
   justify-content: center;
   background-color: var(--background-color);
-  height: 100%;
   padding-right: 20px;
   padding-left: 20px;
-  overflow-y: auto;
 }
 
 .new-post-form {
diff --git a/frontend/src/views/ProfileView.vue b/frontend/src/views/ProfileView.vue
index 4470100dd..672e8d463 100644
--- a/frontend/src/views/ProfileView.vue
+++ b/frontend/src/views/ProfileView.vue
@@ -497,9 +497,6 @@ export default {
 
 .profile-page {
   background-color: var(--background-color);
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden; 
 }
 
 .profile-page-header {
@@ -639,7 +636,7 @@ export default {
 
 .profile-tabs {
   position: sticky;
-  top: 1px;
+  top: calc(var(--header-height) + 1px);
   z-index: 200;
   background-color: var(--background-color-blur);
   display: flex;