From 8a91c1916b7b2d2305934fddde926b15c7f64678 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 7 Aug 2023 15:34:10 +0800
Subject: [PATCH] Remove the header border on small screens

---
 packages/web/components/templates/reader/ReaderHeader.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index d77445989..122922ef6 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -32,13 +32,10 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
           height: HEADER_HEIGHT,
           display: props.alwaysDisplayToolbar ? 'flex' : 'transparent',
           pointerEvents: props.alwaysDisplayToolbar ? 'unset' : 'none',
-          borderBottom: props.alwaysDisplayToolbar
-            ? '1px solid $thBorderColor'
-            : '1px solid transparent',
+          borderBottom: '1px solid transparent',
           '@xlgDown': {
             bg: '$readerBg',
             pointerEvents: 'unset',
-            borderBottom: '1px solid $thBorderColor',
           },
           '@mdDown': {
             bg: '$readerBg',