diff --git a/GPTutor-Frontend/src/components/AppContainer/AppContainer.tsx b/GPTutor-Frontend/src/components/AppContainer/AppContainer.tsx
index 378c5662..f7593ca3 100644
--- a/GPTutor-Frontend/src/components/AppContainer/AppContainer.tsx
+++ b/GPTutor-Frontend/src/components/AppContainer/AppContainer.tsx
@@ -55,7 +55,11 @@ function AppContainer({
 
   return (
     <>
-      {headerChildren && <div ref={setHeaderElem as any}>{headerChildren}</div>}
+      {headerChildren && (
+        <div ref={setHeaderElem as any} style={{ position: 'relative', zIndex: 100 }}>
+          {headerChildren}
+        </div>
+      )}
       <div
         ref={containerRef}
         className={classNames(classes.container, className, {
diff --git a/GPTutor-Frontend/src/components/AppPanelHeader/AppPanelHeader.module.css b/GPTutor-Frontend/src/components/AppPanelHeader/AppPanelHeader.module.css
index c2abaf44..03f1b221 100644
--- a/GPTutor-Frontend/src/components/AppPanelHeader/AppPanelHeader.module.css
+++ b/GPTutor-Frontend/src/components/AppPanelHeader/AppPanelHeader.module.css
@@ -1,3 +1,10 @@
+.panelHeader {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background: var(--vkui--color_background_content);
+}
+
 .panelHeader :global(.vkuiPanelHeader__before) {
     flex: none;
 }
diff --git a/GPTutor-Frontend/src/panels/Home/Home.module.css b/GPTutor-Frontend/src/panels/Home/Home.module.css
index d274e747..5daa71cd 100644
--- a/GPTutor-Frontend/src/panels/Home/Home.module.css
+++ b/GPTutor-Frontend/src/panels/Home/Home.module.css
@@ -15,6 +15,7 @@
 
 .tabBar {
     background: var(--vkui--color_background_content);
+    z-index: 50;
 }
 
 .tabBar :global(.vkuiTabbar__in) {