diff --git a/packages/web/components/nav-containers/HighlightsContainer.tsx b/packages/web/components/nav-containers/HighlightsContainer.tsx
index 52403ff1d..5a74fe514 100644
--- a/packages/web/components/nav-containers/HighlightsContainer.tsx
+++ b/packages/web/components/nav-containers/HighlightsContainer.tsx
@@ -70,9 +70,12 @@ export function HighlightsContainer(): JSX.Element {
   return (
     <VStack
       css={{
-        maxWidth: '70%',
         padding: '20px',
-        margin: '30px 50px 0 0',
+        margin: '30px',
+        '@mdDown': {
+          margin: '0px',
+          marginTop: '50px',
+        },
       }}
     >
       {highlights.map((highlight) => {
diff --git a/packages/web/components/templates/library/LibraryContainer.tsx b/packages/web/components/templates/library/LibraryContainer.tsx
index 07803490f..5aad30ace 100644
--- a/packages/web/components/templates/library/LibraryContainer.tsx
+++ b/packages/web/components/templates/library/LibraryContainer.tsx
@@ -934,7 +934,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
         py: '20px',
         width: '100%',
         '@mdDown': {
-          px: layout == 'GRID_LAYOUT' ? '20px' : '0px',
+          px: '0px',
         },
       }}
       distribution="start"
@@ -1030,6 +1030,9 @@ export function LibraryItemsLayout(
           height: '100%',
           width: '100%',
           paddingX: '40px',
+          '@mdDown': {
+            mx: props.layout == 'GRID_LAYOUT' ? '20px' : '0px',
+          },
         }}
       >
         <Toaster />
diff --git a/packages/web/components/templates/library/LibraryHeader.tsx b/packages/web/components/templates/library/LibraryHeader.tsx
index 03865b4e1..23123d81f 100644
--- a/packages/web/components/templates/library/LibraryHeader.tsx
+++ b/packages/web/components/templates/library/LibraryHeader.tsx
@@ -38,27 +38,6 @@ export type LibraryHeaderProps = {
   performMultiSelectAction: (action: BulkAction, labelIds?: string[]) => void
 }
 
-export const headerControlWidths = (
-  layout: LayoutType,
-  multiSelectMode: MultiSelectMode
-) => {
-  return {
-    width: '95%',
-    '@mdDown': {
-      width: '100%',
-    },
-    '@media (min-width: 930px)': {
-      width: '620px',
-    },
-    '@media (min-width: 1280px)': {
-      width: '940px',
-    },
-    '@media (min-width: 1600px)': {
-      width: '1232px',
-    },
-  }
-}
-
 export function LibraryHeader(props: LibraryHeaderProps): JSX.Element {
   const [small, setSmall] = useState(false)
 
@@ -89,7 +68,8 @@ export function LibraryHeader(props: LibraryHeaderProps): JSX.Element {
             right: '0',
           },
           '@xlgDown': {
-            px: props.showFilterMenu ? '0px' : '40px',
+            px: props.showFilterMenu ? '0px' : '60px',
+            pr: '10px',
           },
         }}
       >