diff --git a/com.twin.app.shoptime/src/components/THeader/THeader.jsx b/com.twin.app.shoptime/src/components/THeader/THeader.jsx
index 2fb38ff8..4f0eb7c7 100644
--- a/com.twin.app.shoptime/src/components/THeader/THeader.jsx
+++ b/com.twin.app.shoptime/src/components/THeader/THeader.jsx
@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 
 import classNames from "classnames";
 
@@ -27,6 +27,13 @@ export default function THeader({
   children,
   ...rest
 }) {
+  const convertedTitle = useMemo(() => {
+    if (title) {
+      const cleanedTitle = title.replace(/(\r\n|\n)/g, "");
+      return $L(marqueeDisabled ? title : cleanedTitle);
+    }
+  }, [marqueeDisabled, title]);
+
   const _onClick = useCallback(
     (e) => {
       if (onClick) {
@@ -67,12 +74,8 @@ export default function THeader({
         marqueeDisabled={marqueeDisabled}
         aria-label={ariaLabel}
       >
-        {title && (
-          <span
-            dangerouslySetInnerHTML={{
-              __html: `${$L(title)}`,
-            }}
-          />
+        {convertedTitle && (
+          <span dangerouslySetInnerHTML={{ __html: convertedTitle }} />
         )}
       </Marquee>
       {children}