diff --git a/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/_signal-steps.tsx b/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/_signal-steps.tsx
index 0f37399ad9e..4157588eb11 100644
--- a/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/_signal-steps.tsx
+++ b/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/_signal-steps.tsx
@@ -9,6 +9,7 @@ import device from 'themes/device'
 import useRegion from 'components/hooks/use-region'
 import { TString } from 'types/generics'
 import { localize } from 'components/localization'
+import useBuildVariant from 'features/hooks/use-build-variant'
 
 type TContent = {
     header: TString
@@ -215,13 +216,13 @@ type SignalStepsProps = {
 }
 
 const SignalSteps = ({ active_tab }: SignalStepsProps) => {
+    const { region } = useBuildVariant()
     const data = useStaticQuery(query)
     const [is_mounted] = usePageLoaded() // needed to fix tab highlighting not being rerendered during first load
     const [signal_subscriber, signal_provider] = [
         active_tab === 'signal-subscriber',
         active_tab === 'signal-provider',
     ]
-    const { is_eu } = useRegion()
 
     return (
         <>
@@ -239,7 +240,7 @@ const SignalSteps = ({ active_tab }: SignalStepsProps) => {
                                 <Tabs.Panel
                                     label={subscriber.step_one_header}
                                     description={
-                                        is_eu
+                                        region === "eu"
                                             ? subscriber.step_one_text_eu
                                             : subscriber.step_one_text
                                     }
diff --git a/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/index.tsx b/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/index.tsx
index 373c6de18fd..8373feb9f40 100644
--- a/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/index.tsx
+++ b/themes/gatsby-theme-deriv/src/pages/dmt5-trading-signals/index.tsx
@@ -98,7 +98,8 @@ const Separator = styled.div`
     background-color: var(--color-grey-21);
 `
 
-const DMT5TradingSignals = () => {
+const DMT5TradingSignals = ({ pageContext }: TGatsbyHead) => {
+    const { region } = pageContext
     const [active_tab, setActiveTab] = useTabStateQuery(['signal-subscriber', 'signal-provider'])
     const [is_mounted] = usePageLoaded() //needs to fix bug with hightlight of the 1st loading
     const [signal_subscriber, signal_provider] = [
@@ -107,7 +108,7 @@ const DMT5TradingSignals = () => {
     ]
 
     return (
-        <Layout>
+        <Layout region={region}>
             <Hero jc="cneter" ai="center">
                 <SmallContainer>
                     <Header as="h1" type="display-title" color="white" align="center">