diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
index f4f18f62..fc0d93ea 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
@@ -298,7 +298,11 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
         />
       )}
       <TPanel spotlightId={spotlightId}>
-        <TBody className={css.trendingNow} scrollable={false}>
+        <TBody
+          className={css.trendingNow}
+          scrollable={false}
+          spotlightDisabled={!isOnTop}
+        >
           <TVerticalPagenator
             className={css.tVerticalPagenator}
             spotlightId={"trandingnow_verticalPagenator"}
@@ -410,10 +414,10 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
 const propsAreEqual = (prev, next) => {
   const keys = Object.keys(prev);
   const nextKeys = Object.keys(next);
-  if (!next.isOnTop) {
-    //ignore event on background
-    return true;
-  }
+  // if (!next.isOnTop) {
+  //   //ignore event on background
+  //   return true;
+  // }
   if (keys.length !== nextKeys.length) {
     return false;
   }