diff --git a/src/components/ui/image/index.tsx b/src/components/ui/image/index.tsx
index a5a2075..d0bd3f1 100644
--- a/src/components/ui/image/index.tsx
+++ b/src/components/ui/image/index.tsx
@@ -1,5 +1,6 @@
 import { SerializedStyles, css } from '@emotion/react';
 import classNames from 'classnames';
+import { CSSProperties } from 'react';
 import { IMAGE_URL } from '@/apis/urls';
 
 const imageWrapStyle = css`
@@ -16,6 +17,7 @@ const imageWrapStyle = css`
   > img {
     width: inherit;
     height: inherit;
+    max-height: 132px;
     position: absolute;
   }
 
@@ -40,6 +42,7 @@ const Image = ({
   isLazy = false,
   css,
   height,
+  style,
   className = '',
 }: {
   height?: string;
@@ -48,10 +51,12 @@ const Image = ({
   isLazy?: boolean;
   css?: SerializedStyles;
   className?: string;
+  style?: CSSProperties;
 }) => (
   <div
     css={{ ...imageWrapStyle, ...css }}
     className={classNames('image', className)}
+    style={style}
   >
     <img
       src={src?.includes('//') ? src : IMAGE_URL + src}
diff --git a/src/pages/your-page.tsx b/src/pages/your-page.tsx
index 3218aa6..43abc91 100644
--- a/src/pages/your-page.tsx
+++ b/src/pages/your-page.tsx
@@ -139,6 +139,7 @@ const YourPage: React.FC = () => {
                   src={item.photoUrls[0]}
                   alt={item.category}
                   className="image"
+                  style={{ maxHeight: '33vw' }}
                 />
               </Link>
             </GridItem>