diff --git a/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less b/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less
index daaa1eb5..45438bce 100644
--- a/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less
+++ b/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less
@@ -6,7 +6,7 @@
   box-sizing: border-box;
   color: black;
 
-  section {
+  > section {
     font-family: @baseFont;
     color: @COLOR_GRAY03;
     padding: 0 !important;
diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
index dee0dd94..fadc7465 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
+++ b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
@@ -1,12 +1,13 @@
-import React from "react";
+import React from 'react';
 
-import classNames from "classnames";
+import classNames from 'classnames';
 
-import Scroller from "@enact/sandstone/Scroller";
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
+import Scroller from '@enact/sandstone/Scroller';
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import css from "./CategoryNav.module.less";
+import css from './CategoryNav.module.less';
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -24,6 +25,7 @@ export default function CategoryNav({
   return (
     <Container className={css.container} {...rest}>
       <Scroller
+        className={css.scroller}
         direction="horizontal"
         horizontalScrollbar="hidden"
         noScrollByWheel={true}
diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less
index 53fa1ad2..574e134c 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less
+++ b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less
@@ -2,6 +2,9 @@
 @import "../../../style/utils.module.less";
 
 .container {
+  .scroller {
+    display: block;
+  }
   width: 100%;
   z-index: 10;
   background-color: @BG_COLOR_01;
diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductsGrid/OnSaleProductsGrid.module.less b/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductsGrid/OnSaleProductsGrid.module.less
index 41f05d68..f309de02 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductsGrid/OnSaleProductsGrid.module.less
+++ b/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductsGrid/OnSaleProductsGrid.module.less
@@ -5,6 +5,7 @@
   position: relative;
 
   .scroller {
+    display: block;
     padding-left: 60px;
 
     h2 {
@@ -14,7 +15,10 @@
 
     ul {
       .flex(@justifyCenter: flex-start);
-      gap: 18px;
+
+      > li {
+        margin-right: 18px;
+      }
     }
   }
 }