diff --git a/src/sections/blogs/components/Slider/index.tsx b/src/sections/blogs/components/Slider/index.tsx
index 0ce04b4..1c24af4 100644
--- a/src/sections/blogs/components/Slider/index.tsx
+++ b/src/sections/blogs/components/Slider/index.tsx
@@ -98,8 +98,8 @@ const BlogsSlider = forwardRef((props, ref: any) => {
                 }
             }}
         >
-            {posts.map((post: Post) => (
-                <SwiperSlide key={post.id}><Card post={post} /></SwiperSlide>
+            {posts.map((post: Post, i: number) => (
+                <SwiperSlide key={post.id} className={`${ i === 0 && 'xl:ml-[calc((100vw_-_1408px)_/_2)]'} w-[323px] h-[335px] xl:h-[474px] xl:w-[540px]`}><Card post={post} /></SwiperSlide>
             ))}
         </Swiper>
     );
diff --git a/src/sections/blogs/index.tsx b/src/sections/blogs/index.tsx
index 61df5fb..8d02cad 100644
--- a/src/sections/blogs/index.tsx
+++ b/src/sections/blogs/index.tsx
@@ -16,7 +16,7 @@ function Blogs() {
                     <SwiperButton onClickPrev={() => sliderRef.current?.slidePrev()} onClickNext={() => sliderRef.current?.slideNext()} />
                 </div>
             </div>
-            <div className="w-screen pl-6 xl:w-[calc(100vw_-_6px)] xl:pl-[calc((100vw_-_1408px)_/_2)]">
+            <div className="w-screen pl-6 xl:w-[calc(100vw_-_6px)] xl:pl-0">
                 <BlogsSlider ref={sliderRef} />
             </div>
         </div>