From 55a3f8ed2353416eaca5d9933eed551ec709ba7d Mon Sep 17 00:00:00 2001
From: robo <30987265+Robonau@users.noreply.github.com>
Date: Wed, 23 Feb 2022 18:51:46 +0000
Subject: [PATCH] fix scrolling 8px (#135)

ChapterCount Header has a top margin of 8px that wasn't accounted for
---
 src/components/chapter/ChapterList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/chapter/ChapterList.tsx b/src/components/chapter/ChapterList.tsx
index 23cc768b..2c7908e2 100644
--- a/src/components/chapter/ChapterList.tsx
+++ b/src/components/chapter/ChapterList.tsx
@@ -27,8 +27,8 @@ const CustomVirtuoso = styled(Virtuoso)(({ theme }) => ({
     minHeight: '200px',
     [theme.breakpoints.up('md')]: {
         width: '50vw',
-        // 64px for the Appbar, 40px for the ChapterCount Header
-        height: 'calc(100vh - 64px - 40px)',
+        // 64px for the Appbar, 48px for the ChapterCount Header
+        height: 'calc(100vh - 64px - 48px)',
         margin: 0,
     },
 }));