Fix positioning of pinned headers and library header based on grid sizes

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',
     },
   }
 }

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',
           },
         }}
       >