From db25830964f53312a95a6bb523e4ebf303868f64 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Fri, 18 Aug 2023 15:10:34 +0900
Subject: [PATCH] Update image size

---
 apps/client/src/components/PostPage/PostContent/index.tsx | 4 +---
 apps/client/src/components/PostPage/PostContent/style.ts  | 7 ++++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/components/PostPage/PostContent/index.tsx b/apps/client/src/components/PostPage/PostContent/index.tsx
index a03d3fe6a..8e3f41b5a 100644
--- a/apps/client/src/components/PostPage/PostContent/index.tsx
+++ b/apps/client/src/components/PostPage/PostContent/index.tsx
@@ -1,7 +1,5 @@
 'use client';
 
-import Image from 'next/image';
-
 import { useGetPostDetail } from 'api/client';
 
 import { filterImages } from 'common';
@@ -23,7 +21,7 @@ const PostContent: React.FC<PostContentProps> = ({ postSeq }) => {
         <S.ContentWrapper>
           {imageFiles.map((file, index) => (
             <S.ImageWrapper key={index}>
-              <Image src={file.fileUrl} alt={file.fileName} fill />
+              <S.ContentImage src={file.fileUrl} alt={file.fileName} fill />
             </S.ImageWrapper>
           ))}
           <S.ContentText>{data?.postContent}</S.ContentText>
diff --git a/apps/client/src/components/PostPage/PostContent/style.ts b/apps/client/src/components/PostPage/PostContent/style.ts
index e956048ef..e6966de37 100644
--- a/apps/client/src/components/PostPage/PostContent/style.ts
+++ b/apps/client/src/components/PostPage/PostContent/style.ts
@@ -1,3 +1,5 @@
+import Image from 'next/image';
+
 import styled from '@emotion/styled';
 
 export const ContentWrapper = styled.div`
@@ -11,9 +13,12 @@ export const ContentWrapper = styled.div`
   }
 `;
 
+export const ContentImage = styled(Image)`
+  position: relative !important;
+`;
+
 export const ImageWrapper = styled.div`
   width: 50rem;
-  height: 30.375rem;
   overflow: hidden;
   position: relative;
   img {