From 9f38110dfe44fb1c797301f9aee3a23978b9a1fd Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 2 Mar 2023 15:05:30 +0800
Subject: [PATCH] Make the header solid on smaller screens

---
 packages/web/components/templates/reader/ReaderHeader.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index 42b2ce719..15819cb54 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -31,6 +31,8 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
           '@mdDown': {
             height: MOBILE_HEIGHT,
             pt: '0px',
+            bg: '$grayBg',
+            borderBottom: '1px solid #E1E1E1',
           },
         }}
       >