From 5274d38664bc116cc589750594e3f99d6e320fb7 Mon Sep 17 00:00:00 2001
From: RXRD <lilixinxin@protonmail.com>
Date: Tue, 6 Jun 2023 10:11:56 +0700
Subject: [PATCH 1/3] fix: sticky

---
 src/components/template/Default/DefaultLayout.styles.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/template/Default/DefaultLayout.styles.ts b/src/components/template/Default/DefaultLayout.styles.ts
index 20200d3d1..f41d476f3 100644
--- a/src/components/template/Default/DefaultLayout.styles.ts
+++ b/src/components/template/Default/DefaultLayout.styles.ts
@@ -14,6 +14,7 @@ const useStyles = makeStyles((theme: Theme) =>
       width: 312,
       position: 'sticky',
       top: 5,
+      bottom: 20,
       [theme.breakpoints.down('md')]: {
         width: 290,
       },
@@ -30,6 +31,7 @@ const useStyles = makeStyles((theme: Theme) =>
       rowGap: 12,
       position: 'sticky',
       top: 5,
+      bottom: 20,
 
       [theme.breakpoints.down('md')]: {
         width: 290,
@@ -70,6 +72,7 @@ const useStyles = makeStyles((theme: Theme) =>
       width: 312,
       position: 'sticky',
       top: 5,
+      bottom: 20,
 
       [theme.breakpoints.down('md')]: {
         width: 290,
@@ -86,6 +89,7 @@ const useStyles = makeStyles((theme: Theme) =>
       rowGap: theme.spacing(1),
       position: 'sticky',
       top: 5,
+      bottom: 20,
 
       [theme.breakpoints.down('md')]: {
         width: 290,

From 48658f3c62c66d59965b945aae3b1990d2503946 Mon Sep 17 00:00:00 2001
From: RXRD <lilixinxin@protonmail.com>
Date: Sun, 11 Jun 2023 10:30:33 +0700
Subject: [PATCH 2/3] Update DefaultLayout.styles.ts

---
 .../template/Default/DefaultLayout.styles.ts    | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/template/Default/DefaultLayout.styles.ts b/src/components/template/Default/DefaultLayout.styles.ts
index f41d476f3..b1fd90d4c 100644
--- a/src/components/template/Default/DefaultLayout.styles.ts
+++ b/src/components/template/Default/DefaultLayout.styles.ts
@@ -12,9 +12,6 @@ const useStyles = makeStyles((theme: Theme) =>
     },
     firstCol: {
       width: 312,
-      position: 'sticky',
-      top: 5,
-      bottom: 20,
       [theme.breakpoints.down('md')]: {
         width: 290,
       },
@@ -29,9 +26,10 @@ const useStyles = makeStyles((theme: Theme) =>
       display: 'flex',
       flexDirection: 'column',
       rowGap: 12,
-      position: 'sticky',
+      position: 'fixed',
       top: 5,
       bottom: 20,
+      overflowY: 'scroll',
 
       [theme.breakpoints.down('md')]: {
         width: 290,
@@ -70,9 +68,9 @@ const useStyles = makeStyles((theme: Theme) =>
 
     thirdCol: {
       width: 312,
-      position: 'sticky',
-      top: 5,
-      bottom: 20,
+      // position: 'sticky',
+      // top: 5,
+      // bottom: 20,
 
       [theme.breakpoints.down('md')]: {
         width: 290,
@@ -87,10 +85,11 @@ const useStyles = makeStyles((theme: Theme) =>
       display: 'flex',
       flexDirection: 'column',
       rowGap: theme.spacing(1),
-      position: 'sticky',
+      position: 'fixed',
       top: 5,
       bottom: 20,
-
+      overflowY: 'scroll',
+      overflowX: 'hidden',
       [theme.breakpoints.down('md')]: {
         width: 290,
       },

From a35579dded5cfd8694e1c2a0c2166c43fdea5db6 Mon Sep 17 00:00:00 2001
From: RXRD <lilixinxin@protonmail.com>
Date: Mon, 12 Jun 2023 12:58:54 +0700
Subject: [PATCH 3/3] fix: hide scrollbar

---
 src/components/template/Default/DefaultLayout.styles.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/template/Default/DefaultLayout.styles.ts b/src/components/template/Default/DefaultLayout.styles.ts
index b1fd90d4c..0d8459052 100644
--- a/src/components/template/Default/DefaultLayout.styles.ts
+++ b/src/components/template/Default/DefaultLayout.styles.ts
@@ -30,6 +30,9 @@ const useStyles = makeStyles((theme: Theme) =>
       top: 5,
       bottom: 20,
       overflowY: 'scroll',
+      scrollbarWidth: 'none',
+      msOverflowStyle: 'none',
+      '&::-webkit-scrollbar': { display: 'none' },
 
       [theme.breakpoints.down('md')]: {
         width: 290,
@@ -90,6 +93,9 @@ const useStyles = makeStyles((theme: Theme) =>
       bottom: 20,
       overflowY: 'scroll',
       overflowX: 'hidden',
+      scrollbarWidth: 'none',
+      msOverflowStyle: 'none',
+      '&::-webkit-scrollbar': { display: 'none' },
       [theme.breakpoints.down('md')]: {
         width: 290,
       },