diff --git a/src/components/common/Banner/Banner.tsx b/src/components/common/Banner/Banner.tsx
index 39960329d..a953052b6 100644
--- a/src/components/common/Banner/Banner.tsx
+++ b/src/components/common/Banner/Banner.tsx
@@ -20,7 +20,7 @@ const Banner = memo(({ imgLink, title, subtitle, buttonLabel = LANGUAGE.BUTTON_L
     return (
         <div className={classNames({
             [s.banner]: true,
-            [s.size]: true,
+            [s[size]]: true,
         })}>
             <div className={s.inner} style={{ backgroundImage: `url(${imgLink})` }}>
                 <div className={s.content}>
diff --git a/src/components/modules/home/HomeBanner/HomeBanner.tsx b/src/components/modules/home/HomeBanner/HomeBanner.tsx
index 749a8f197..8bbf75138 100644
--- a/src/components/modules/home/HomeBanner/HomeBanner.tsx
+++ b/src/components/modules/home/HomeBanner/HomeBanner.tsx
@@ -20,7 +20,7 @@ const HomeBanner = ({ }: Props) => {
                 title="Save 15% on your first order"
                 subtitle="Last call! Shop deep deals on 100+ bulk picks while you can."
                 imgLink={BannerImgRight.src}
-                type="small"
+                size="small"
             />
         </div >
     )