diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
index f0fb1959..fcb270cc 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
@@ -1459,14 +1459,14 @@ export default function ProductAllSection({
                 className={css.bottomButtonWrapper}
                 spotlightId="theme-item-button-container"
               >
-                <div
+                <TButton
                   className={css.themeButton}
                   onClick={handleThemeItemButtonClick}
                   spotlightId="theme-open-button"
                 >
                   <div>{$L('THEME ITEM')}</div>
                   <img src={arrowDownIcon} className={css.themeButtonIcon} />
-                </div>
+                </TButton>
               </Container>
               {/* )} */}
 
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
index 3b43db25..7f04ad29 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
@@ -736,26 +736,32 @@
 }
 
 .themeButton {
-  width: 100%;
-  height: 60px;
-  padding: 20px 30px;
-  background: rgba(255, 255, 255, 0.05);
-  overflow: hidden;
-  border-radius: 6px;
-  justify-content: center;
-  align-items: center;
-  gap: 15px;
-  display: inline-flex;
+  width: 100% !important;
+  height: 60px !important;
+  padding: 20px 30px !important;
+  background: rgba(255, 255, 255, 0.05) !important;
+  overflow: hidden !important;
+  border-radius: 6px !important;
+  border: none !important;
+  justify-content: center !important;
+  align-items: center !important;
+  gap: 15px !important;
+  display: inline-flex !important;
 
-  color: white;
-  font-size: 25px;
-  font-family: @baseFont; // LG Smart UI
-  font-weight: 600;
-  line-height: 35px;
-  word-wrap: break-word;
+  color: white !important;
+  font-size: 25px !important;
+  font-family: @baseFont !important;
+  font-weight: 600 !important;
+  line-height: 35px !important;
+  word-wrap: break-word !important;
 
   &:focus {
-    background: @PRIMARY_COLOR_RED;
+    background: @PRIMARY_COLOR_RED !important;
+    outline: none !important;
+  }
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.08) !important;
   }
 }