diff --git a/apps/renderer/src/pages/(external)/(with-layout)/share/feeds/[id]/index.tsx b/apps/renderer/src/pages/(external)/(with-layout)/share/feeds/[id]/index.tsx
index d5df352b3..67e50c29c 100644
--- a/apps/renderer/src/pages/(external)/(with-layout)/share/feeds/[id]/index.tsx
+++ b/apps/renderer/src/pages/(external)/(with-layout)/share/feeds/[id]/index.tsx
@@ -46,7 +46,7 @@ export function Component() {
         <LoadingCircle size="large" className="center fixed inset-0" />
       ) : (
         feed.data?.feed && (
-          <div className="mx-auto mt-12 flex max-w-5xl flex-col items-center justify-center p-4 lg:p-0">
+          <div className="mx-auto mt-12 flex w-full max-w-5xl flex-col items-center justify-center p-4 lg:p-0">
             <FeedIcon
               fallback
               feed={feed.data.feed}
diff --git a/apps/renderer/src/pages/(external)/(with-layout)/share/lists/[id]/index.tsx b/apps/renderer/src/pages/(external)/(with-layout)/share/lists/[id]/index.tsx
index c81a8cb94..12ef7aef7 100644
--- a/apps/renderer/src/pages/(external)/(with-layout)/share/lists/[id]/index.tsx
+++ b/apps/renderer/src/pages/(external)/(with-layout)/share/lists/[id]/index.tsx
@@ -32,7 +32,7 @@ export function Component() {
         <LoadingCircle size="large" className="center fixed inset-0" />
       ) : (
         list.data?.list && (
-          <div className="mx-auto mt-12 flex max-w-5xl flex-col items-center justify-center p-4 lg:p-0">
+          <div className="mx-auto mt-12 flex w-full max-w-5xl flex-col items-center justify-center p-4 lg:p-0">
             <FeedIcon
               fallback
               feed={list.data.list}