diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
index efa6abf8..32fd7a85 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
@@ -93,9 +93,6 @@ export default function THeaderCustom({
           role="button"
         />
       )}
-      {type === "theme" && themeTitle && (
-      <span className={css.themeTitle} dangerouslySetInnerHTML={{ __html: themeTitle }} />        
-      )}
       {kind ? (
         ""
       ) : (
@@ -107,6 +104,9 @@ export default function THeaderCustom({
           }}
         />
       )}
+      {type === "theme" && themeTitle && (
+        <span className={css.themeTitle} dangerouslySetInnerHTML={{ __html: `[${themeTitle}]` }} />        
+      )}
       <Marquee
         marqueeOn="render"
         className={css.title}
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
index 062658c5..281c35be 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
@@ -61,4 +61,5 @@
   color: #eaeaea;
   width: max-content;
   margin-right: 20px;
+  margin-left: 10px;
 }
\ No newline at end of file
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
index d679315e..2509b26f 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
@@ -1,14 +1,26 @@
-import React, { useCallback, useEffect, useRef, useState, useMemo, forwardRef } from 'react';
+import React, {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import classNames from 'classnames';
 import { useSelector } from 'react-redux';
 
-import { off, on } from '@enact/core/dispatcher';
+import {
+  off,
+  on,
+} from '@enact/core/dispatcher';
 import { Job } from '@enact/core/util';
 import Scroller from '@enact/sandstone/Scroller';
 import Spotlight from '@enact/spotlight';
 
-import AutoScrollAreaDetail, { POSITION } from '../AutoScrollAreaDetail/AutoScrollAreaDetail';
+import AutoScrollAreaDetail, {
+  POSITION,
+} from '../AutoScrollAreaDetail/AutoScrollAreaDetail';
 import css from './TScrollerDetail.module.less';
 
 /**
@@ -206,7 +218,8 @@ const TScrollerDetail = forwardRef(
           onScrollStop={_onScrollStop}
           onScroll={_onScroll}
           scrollMode={scrollMode || 'translate'}
-          focusableScrollbar={focusableScrollbar}
+          // focusableScrollbar={focusableScrollbar}
+          focusableScrollbar={false}
           className={classNames(isMounted && css.tScroller, noScrollByWheel && css.preventScroll)}
           direction={direction}
           horizontalScrollbar={horizontalScrollbar}
@@ -220,7 +233,7 @@ const TScrollerDetail = forwardRef(
           }}
           noScrollByWheel={noScrollByWheel}
           noScrollByDrag
-          // rest props에서 ref만 제외하고 전달
+        // rest props에서 ref만 제외하고 전달
           {...(rest.ref ? { ...rest, ref: undefined } : rest)}
         >
           {children}