diff --git a/packages/web/components/templates/article/DisplaySettingsModal.tsx b/packages/web/components/templates/article/DisplaySettingsModal.tsx
index b0a3177d0..dafa94005 100644
--- a/packages/web/components/templates/article/DisplaySettingsModal.tsx
+++ b/packages/web/components/templates/article/DisplaySettingsModal.tsx
@@ -24,7 +24,7 @@ export function DisplaySettingsModal(
         css={{
           width: '345px',
           padding: '0px',
-          top: '300px',
+          top: '262px',
           left: 'calc(100% - 250px)',
           '@lgDown': {
             top: '300px',
diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index cce0f2be7..e2be6936b 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -905,19 +905,15 @@ function LibraryItems(props: LibraryItemsProps): JSX.Element {
           margin: props.layout == 'LIST_LAYOUT' ? '16px -16px' : undefined,
           borderRadius: props.layout == 'LIST_LAYOUT' ? 0 : undefined,
         },
-        '@md': {
-          gridTemplateColumns:
-            props.layout == 'LIST_LAYOUT' ? 'none' : '1fr 1fr',
-        },
-        '@lg': {
+        '@media (min-width: 930px)': {
           gridTemplateColumns:
             props.layout == 'LIST_LAYOUT' ? 'none' : 'repeat(2, 1fr)',
         },
-        '@xl': {
+        '@media (min-width: 1280px)': {
           gridTemplateColumns:
             props.layout == 'LIST_LAYOUT' ? 'none' : 'repeat(3, 1fr)',
         },
-        '@xxl': {
+        '@media (min-width: 1600px)': {
           gridTemplateColumns:
             props.layout == 'LIST_LAYOUT' ? 'none' : 'repeat(4, 1fr)',
         },