diff --git a/src/components/UserHeader/RecomendedSliders.jsx b/src/components/UserHeader/RecomendedSliders.jsx
index 8f654f0..38573bd 100644
--- a/src/components/UserHeader/RecomendedSliders.jsx
+++ b/src/components/UserHeader/RecomendedSliders.jsx
@@ -102,7 +102,7 @@ export default function RecomendedSliders({ className,bannerData }) {
                     {bannerData.map((item, index) => (
                         <Link key={index} to={`/${item.link_path}`}>
                             <div className="item">
-                                <div className="commonHeaderSliderItem">
+                                <div className={`commonHeaderSliderItem ${item.short_style}`}>
                                     {/* title */}
                                     <div className="flex justify-center">
                                         <p className="text-base font-bold   text-dark-gray dark:text-white">