From 421db1630ac8f0172f6688cc5340b9b108a7ec0c Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 9 Feb 2024 11:46:01 +0800
Subject: [PATCH] Fix positioning of pinned headers and library header based on
 grid sizes

---
 .../web/components/templates/homeFeed/LibraryHeader.tsx     | 6 +++---
 .../web/components/templates/homeFeed/PinnedButtons.tsx     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/LibraryHeader.tsx b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
index 2d62262d7..6d3a8ef23 100644
--- a/packages/web/components/templates/homeFeed/LibraryHeader.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
@@ -67,13 +67,13 @@ export const headerControlWidths = (
       width: multiSelectMode !== 'off' ? '100%' : '95%',
     },
     '@media (min-width: 930px)': {
-      width: layout == 'GRID_LAYOUT' ? '640px' : '660px',
+      width: '620px',
     },
     '@media (min-width: 1280px)': {
-      width: layout == 'GRID_LAYOUT' ? '950px' : '1010px',
+      width: '940px',
     },
     '@media (min-width: 1600px)': {
-      width: layout == 'GRID_LAYOUT' ? '1260px' : '1360px',
+      width: '1232px',
     },
   }
 }
diff --git a/packages/web/components/templates/homeFeed/PinnedButtons.tsx b/packages/web/components/templates/homeFeed/PinnedButtons.tsx
index b68a3ec38..da7a979d4 100644
--- a/packages/web/components/templates/homeFeed/PinnedButtons.tsx
+++ b/packages/web/components/templates/homeFeed/PinnedButtons.tsx
@@ -63,13 +63,13 @@ export const PinnedButtons = (props: PinnedButtonsProps): JSX.Element => {
           },
           '@media (min-width: 930px)': {
             px: '0px',
-            maxWidth: '600px',
+            maxWidth: '580px',
           },
           '@media (min-width: 1280px)': {
-            maxWidth: '950px',
+            maxWidth: '890px',
           },
           '@media (min-width: 1600px)': {
-            maxWidth: '1260px',
+            maxWidth: '1200px',
           },
         }}
       >