diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
index 6ab2fd5c..1cfe8488 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
@@ -6,7 +6,6 @@ import { VirtualGridList } from "@enact/sandstone/VirtualList";
 import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
 import ri from "@enact/ui/resolution";
 
-import { getOnSaleInfo } from "../../../actions/onSaleActions";
 import TGrid from "../../../components/TGrid/TGrid";
 import { $L } from "../../../utils/helperMethods";
 import HomeOnSaleItem from "../HomeOnSaleItem/HomeOnSaleItem";
@@ -35,11 +34,10 @@ const HomeOnSale = ({ ...rest }) => {
 
       return (
         <HomeOnSaleItem
+          {...rest}
+          key={index}
           homeOnSaleInfos={homeOnSaleInfos}
           itemData={itemData}
-          index={index}
-          {...rest}
-          className={css.VirtualGridList}
         />
       );
     },
@@ -53,6 +51,7 @@ const HomeOnSale = ({ ...rest }) => {
         <TGrid type="onSaleItem">
           {homeOnSaleInfos && homeOnSaleInfos.length > 0 && (
             <VirtualGridList
+              className={css.grid}
               dataSize={homeOnSaleInfos.length}
               direction="horizontal"
               horizontalScrollbar="hidden"
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.module.less b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.module.less
index 626d1138..1d512055 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.module.less
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.module.less
@@ -13,4 +13,8 @@
     font-family: "LGSmartUIBold";
     font-size: 42px;
   }
+
+  .grid {
+    height: 300px;
+  }
 }
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSaleItem/HomeOnSaleItem.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSaleItem/HomeOnSaleItem.jsx
index 300ec4b7..aac1e725 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSaleItem/HomeOnSaleItem.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSaleItem/HomeOnSaleItem.jsx
@@ -33,8 +33,9 @@ export default function HomeOnSaleItem({ homeOnSaleInfos, itemData, ...rest }) {
   const { originalPrice, discountedPrice, discountRate } = parsePriceInfo(
     itemData.priceInfo
   );
+
   return (
-    <SpottableComponent key={itemData.expsOrd} className={css.onSaleItemList}>
+    <SpottableComponent className={css.onSaleItemList} {...rest}>
       <img src={itemData.imgUrl} className={css.onSaleItemListImg} />
       <div className={css.onSaleItemListBox}>
         <div className={css.onSaleItemListBoxTitle}>{itemData.catNm}</div>