diff --git a/src/components/FigmaBanner.tsx b/src/components/FigmaBanner.tsx
index f0925a1..f32e491 100644
--- a/src/components/FigmaBanner.tsx
+++ b/src/components/FigmaBanner.tsx
@@ -301,7 +301,7 @@ export function FigmaBanner() {
   ) : null;
 
   return (
-    <div className="relative md:mx-auto md:max-w-[680px] lg:max-w-[800px]">
+    <div className="relative md:mx-auto md:max-w-[680px] lg:max-w-[900px] xl:max-w-[1120px]">
       <div
         ref={scrollerRef}
         onPointerDown={handlePointerDown}
diff --git a/src/components/PopularRankList.tsx b/src/components/PopularRankList.tsx
index eada1ca..7dd074b 100644
--- a/src/components/PopularRankList.tsx
+++ b/src/components/PopularRankList.tsx
@@ -224,7 +224,7 @@ export function PopularRankList({
   const placeholderCount = Math.max(0, MAX_ITEMS - items.length);
 
   return (
-    <div className="mx-auto flex max-w-full flex-col gap-2.5 px-4 md:max-w-[820px] md:gap-3 md:px-0 lg:max-w-[1080px] xl:max-w-[1180px]">
+    <div className="mx-auto flex max-w-full flex-col gap-2.5 px-4 md:max-w-[680px] md:gap-3 md:px-0 lg:max-w-[900px] xl:max-w-[1120px]">
       {items.map((post, index) => (
         <PopularRankRow
           key={post.id}