From 170121bbd29f990c0559b67dd5c1d8e1e4c5f617 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 6 Mar 2023 09:50:11 +0800
Subject: [PATCH] Better breakpoints for the logo box on the reader

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

diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index 6052d00c2..86ce39c60 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -31,7 +31,7 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
           bg: 'transparent',
           pt: '35px',
           borderBottom: '1px solid transparent',
-          '@lgDown': {
+          '@xlgDown': {
             height: LIBRARY_HEADER_MOBILE_HEIGHT,
             pt: '0px',
             bg: '$thBackground3',
@@ -82,7 +82,7 @@ function ControlButtonBox(props: ReaderHeaderProps): JSX.Element {
         distribution="end"
         css={{
           marginLeft: 'auto',
-          marginRight: '45px',
+          marginRight: '25px',
           width: '100px',
           height: '100%',
           gap: '20px',