From e79b784c6a30bb647581fa25a9d9b60d79c52474 Mon Sep 17 00:00:00 2001
From: ptyoiy <56474564+ptyoiy@users.noreply.github.com>
Date: Mon, 15 Dec 2025 13:59:51 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20?=
 =?UTF-8?q?=EC=98=81=EC=97=AD=20=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20sticky=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/app/[user]/components/LeftSidebar/index.css.ts | 10 ++++++----
 apps/client/src/app/[user]/components/index.css.ts     |  6 +++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

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)",
 });