From 0617b4657cf5200991ac797768c30e7fbbb68d7a Mon Sep 17 00:00:00 2001
From: Minh Nguyen <64875104+MinhxNguyen7@users.noreply.github.com>
Date: Tue, 17 Oct 2023 01:21:56 +0700
Subject: [PATCH] Thinner section table scroll bar (#738)

---
 .../src/components/RightPane/SectionTable/SectionTable.tsx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/antalmanac/src/components/RightPane/SectionTable/SectionTable.tsx b/apps/antalmanac/src/components/RightPane/SectionTable/SectionTable.tsx
index df3f08769..c9e2dd9fd 100644
--- a/apps/antalmanac/src/components/RightPane/SectionTable/SectionTable.tsx
+++ b/apps/antalmanac/src/components/RightPane/SectionTable/SectionTable.tsx
@@ -21,6 +21,7 @@ import { SectionTableProps } from './SectionTable.types';
 import SectionTableBody from './SectionTableBody';
 import useColumnStore, { SECTION_TABLE_COLUMNS, type SectionTableColumn } from '$stores/ColumnStore';
 import analyticsEnum from '$lib/analytics';
+import { GlobalStyles } from '@mui/material';
 
 const TOTAL_NUM_COLUMNS = SECTION_TABLE_COLUMNS.length;
 
@@ -104,7 +105,7 @@ function EnrollmentColumnHeader(props: EnrollmentColumnHeaderProps) {
 function SectionTable(props: SectionTableProps) {
     const { courseDetails, term, allowHighlight, scheduleNames, analyticsCategory } = props;
 
-    const [selectedColumns, activeColumns] = useColumnStore((store) => [store.selectedColumns, store.activeColumns]);
+    const [activeColumns] = useColumnStore((store) => [store.activeColumns]);
 
     const isMobileScreen = useMediaQuery(`(max-width: ${MOBILE_BREAKPOINT})`);
 
@@ -127,6 +128,7 @@ function SectionTable(props: SectionTableProps) {
 
     return (
         <>
+            <GlobalStyles styles={{'*::-webkit-scrollbar': {height: '8px'}}}/>
             <Box style={{ display: 'flex', gap: 4, marginTop: 4, marginBottom: 8 }}>
                 <CourseInfoBar
                     deptCode={courseDetails.deptCode}