diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx
index f6ea5d0f..baa55545 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx
@@ -14,10 +14,7 @@ import OffersPromotionItemCard, {
 } from "../components/OffersPromotionItemCard";
 import css from "./FixedSideBar.module.less";
 
-const SideBarContainer = SpotlightContainerDecorator(
-  { leaveFor: { left: "", right: "" } },
-  "div"
-);
+const SideBarContainer = SpotlightContainerDecorator("div");
 
 export default function FixedSideBar({ closeSideBar, offerSideBarOpen }) {
   const orderItemList = useSelector(
@@ -58,7 +55,10 @@ export default function FixedSideBar({ closeSideBar, offerSideBarOpen }) {
   return (
     <>
       <div className={classNames(css.bgLayer)} onClick={closeSideBar} />
-      <SideBarContainer className={classNames(css.fixedSideBar)}>
+      <SideBarContainer
+        className={classNames(css.fixedSideBar)}
+        spotlightRestrict="self-only"
+      >
         <div className={css.sideMainTitle}>
           <TIconButton className={css.backButton} onClick={closeSideBar} />
           <h2 className={css.title}>{$L("OFFERS & PROMOTION")}</h2>
diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx
index 2eac5cb3..18a483eb 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx
@@ -12,10 +12,7 @@ import { $L } from "../../../utils/helperMethods";
 import OrderItemCard, { SIZES } from "../components/OrderItemCard";
 import css from "./OrderItemsSideBar.module.less";
 
-const SideBarContainer = SpotlightContainerDecorator(
-  { leaveFor: { left: "", right: "" } },
-  "div"
-);
+const SideBarContainer = SpotlightContainerDecorator("div");
 
 export default function OrderItemsSideBar({ closeSideBar }) {
   const orderItemList = useSelector(
@@ -55,7 +52,7 @@ export default function OrderItemsSideBar({ closeSideBar }) {
   return (
     <>
       <div className={css.bgLayer} onClick={closeSideBar} />
-      <SideBarContainer className={css.container}>
+      <SideBarContainer className={css.container} spotlightRestrict="self-only">
         <div className={css.titleBox}>
           <TIConButton
             className={css.backButton}