diff --git a/src/components/community/shared/PostDetail.tsx b/src/components/community/shared/PostDetail.tsx
index 216982b..2ace12b 100644
--- a/src/components/community/shared/PostDetail.tsx
+++ b/src/components/community/shared/PostDetail.tsx
@@ -95,7 +95,7 @@ const PostDetail = ({ postData }: PostDetailType) => {
         <div className="flex flex-col gap-2 mt-5">
           {postData.images?.map((image, i) => (
             <div className="w-[360px] h-[280px]" key={i}>
-              <img src={image} className="object-cover w-full h-full " />
+              <img src={image} className="object-scale-down w-full h-full " />
             </div>
           ))}
         </div>
diff --git a/src/components/community/shared/PostItemImageItem.tsx b/src/components/community/shared/PostItemImageItem.tsx
index 9ac8c72..2cad06a 100644
--- a/src/components/community/shared/PostItemImageItem.tsx
+++ b/src/components/community/shared/PostItemImageItem.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 const PostItemImageItem = ({ image, count }: { image: string; count: number }) => {
   return (
     <div className={`${count > 1 ? 'w-[260px] h-[180px] ' : 'w-[360px] h-[180px] z-1'}`}>
-      <img src={image} alt="" className="rounded-sm object-cover w-full h-full" />
+      <img src={image} alt="" className="rounded-sm object-scale-down w-full h-full" />
     </div>
   );
 };