diff --git a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
index d469be68..945006f2 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
@@ -1,20 +1,36 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
 
-import { useDispatch, useSelector } from "react-redux";
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import Spotlight from "@enact/spotlight";
-import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
+import Spotlight from '@enact/spotlight';
+import {
+  SpotlightContainerDecorator,
+} from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import { pushPanel, updatePanel } from "../../../actions/panelActions";
-import SectionTitle from "../../../components/SectionTitle/SectionTitle";
-import TItemCard from "../../../components/TItemCard/TItemCard";
-import TScroller from "../../../components/TScroller/TScroller";
-import useScrollReset from "../../../hooks/useScrollReset";
-import useScrollTo from "../../../hooks/useScrollTo";
-import { panel_names } from "../../../utils/Config";
-import { $L, scaleW } from "../../../utils/helperMethods";
-import css from "./BestSeller.module.less";
+import {
+  pushPanel,
+  updatePanel,
+} from '../../../actions/panelActions';
+import SectionTitle from '../../../components/SectionTitle/SectionTitle';
+import TItemCard from '../../../components/TItemCard/TItemCard';
+import TScroller from '../../../components/TScroller/TScroller';
+import useScrollReset from '../../../hooks/useScrollReset';
+import useScrollTo from '../../../hooks/useScrollTo';
+import { panel_names } from '../../../utils/Config';
+import {
+  $L,
+  scaleW,
+} from '../../../utils/helperMethods';
+import css from './BestSeller.module.less';
 
 const SpottableComponent = Spottable("div");
 const Container = SpotlightContainerDecorator(
@@ -118,6 +134,7 @@ const BestSeller = ({ order, scrollTopBody, spotlightId, handleItemFocus }) => {
       <SectionTitle
         title={$L("BEST SELLER")}
         data-title-index="homeBestSellerTitle"
+        label="BEST SELLER"
       />
 
       <TScroller
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 a9b2f987..06454055 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
@@ -1,16 +1,24 @@
-import React, { useCallback, useMemo } from "react";
+import React, {
+  useCallback,
+  useMemo,
+} from 'react';
 
-import { useSelector } from "react-redux";
+import { useSelector } from 'react-redux';
 
-import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
+import {
+  SpotlightContainerDecorator,
+} from '@enact/spotlight/SpotlightContainerDecorator';
 
-import SectionTitle from "../../../components/SectionTitle/SectionTitle";
-import TScroller from "../../../components/TScroller/TScroller";
-import useScrollReset from "../../../hooks/useScrollReset";
-import useScrollTo from "../../../hooks/useScrollTo";
-import { $L, scaleW } from "../../../utils/helperMethods";
-import css from "./HomeOnSale.module.less";
-import HomeOnSaleItem from "./HomeOnSaleItem/HomeOnSaleItem";
+import SectionTitle from '../../../components/SectionTitle/SectionTitle';
+import TScroller from '../../../components/TScroller/TScroller';
+import useScrollReset from '../../../hooks/useScrollReset';
+import useScrollTo from '../../../hooks/useScrollTo';
+import {
+  $L,
+  scaleW,
+} from '../../../utils/helperMethods';
+import css from './HomeOnSale.module.less';
+import HomeOnSaleItem from './HomeOnSaleItem/HomeOnSaleItem';
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -101,6 +109,7 @@ const HomeOnSale = ({
           className={css.subTitle}
           title={$L("ON SALE")}
           data-title-index="homeOnSale"
+          label="ON SALE"
         />
         <div className={css.onSaleItem}>
           <TScroller
diff --git a/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx b/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
index cf4e1f4b..96fb6b22 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
@@ -1,23 +1,36 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
 
-import { useDispatch, useSelector } from "react-redux";
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
+import {
+  SpotlightContainerDecorator,
+} from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import { pushPanel } from "../../../actions/panelActions";
-import { startVideoPlayer } from "../../../actions/playActions";
-import SectionTitle from "../../../components/SectionTitle/SectionTitle";
+import { pushPanel } from '../../../actions/panelActions';
+import { startVideoPlayer } from '../../../actions/playActions';
+import SectionTitle from '../../../components/SectionTitle/SectionTitle';
 import TItemCard, {
   IMAGETYPES,
   TYPES,
-} from "../../../components/TItemCard/TItemCard";
-import TScroller from "../../../components/TScroller/TScroller";
-import useScrollReset from "../../../hooks/useScrollReset";
-import useScrollTo from "../../../hooks/useScrollTo";
-import { panel_names } from "../../../utils/Config";
-import { $L, scaleW } from "../../../utils/helperMethods";
-import css from "../PopularShow/PopularShow.module.less";
+} from '../../../components/TItemCard/TItemCard';
+import TScroller from '../../../components/TScroller/TScroller';
+import useScrollReset from '../../../hooks/useScrollReset';
+import useScrollTo from '../../../hooks/useScrollTo';
+import { panel_names } from '../../../utils/Config';
+import {
+  $L,
+  scaleW,
+} from '../../../utils/helperMethods';
+import css from '../PopularShow/PopularShow.module.less';
 
 const SpottableComponent = Spottable("div");
 const Container = SpotlightContainerDecorator(
@@ -134,6 +147,7 @@ const PopularShow = ({
         className={css.subTitle}
         title={$L("POPULAR SHOW")}
         data-title-index="homePopularShow"
+        label="POPULAR SHOW"
       />
       <TScroller
         className={css.showList}