diff --git a/apps/client/src/app/[user]/components/LeftSidebar/index.css.ts b/apps/client/src/app/[user]/components/LeftSidebar/index.css.ts
index 297f913b..f665f9e5 100644
--- a/apps/client/src/app/[user]/components/LeftSidebar/index.css.ts
+++ b/apps/client/src/app/[user]/components/LeftSidebar/index.css.ts
@@ -2,14 +2,13 @@ import { scrollTheme, theme } from "@/styles/themes.css";
 import { style, styleVariants } from "@vanilla-extract/css";
 
 export const sidebarWrapper = style({
+  position: "sticky",
   display: "flex",
   flexDirection: "column",
   gap: "1.6rem",
 
-  height: "72.5vh",
-  overflowY: "auto",
-
-  ...scrollTheme.innerScrollbarY,
+  height: "100%",
+  top: 0,
 });
 
 export const titleWrapper = style({
@@ -93,6 +92,9 @@ export const studyListContainerStyle = style({
   flexDirection: "column",
 
   marginLeft: "2px",
+
+  overflowY: "auto",
+  ...scrollTheme.innerScrollbarY,
 });
 
 export const studyTitleWrapper = style({
diff --git a/apps/client/src/app/[user]/components/index.css.ts b/apps/client/src/app/[user]/components/index.css.ts
index 39466d2d..09b05735 100644
--- a/apps/client/src/app/[user]/components/index.css.ts
+++ b/apps/client/src/app/[user]/components/index.css.ts
@@ -33,5 +33,9 @@ export const userHomeWrapper = style({
 export const leftSidebarStyle = style({
   display: "flex",
   justifyContent: "center",
-  padding: "4rem 0.4rem 4rem 2.4rem",
+  padding: "4rem 0.4rem 0.4rem 2.4rem",
+
+  position: "sticky",
+  top: 0,
+  height: "calc(100vh - 14.4rem)",
 });