diff --git a/src/pages/ValidatorOnboarding/ContinueButton.tsx b/src/pages/ValidatorOnboarding/ContinueButton.tsx
index b0f8fee9..27152081 100644
--- a/src/pages/ValidatorOnboarding/ContinueButton.tsx
+++ b/src/pages/ValidatorOnboarding/ContinueButton.tsx
@@ -1,7 +1,5 @@
-import { Stack, XStack, YStack } from 'tamagui'
-import { Button, InformationBox } from '@status-im/components'
-import { CloseCircleIcon } from '@status-im/icons'
-
+import { XStack, YStack } from 'tamagui'
+import { Button } from '@status-im/components'
import { useDispatch, useSelector } from 'react-redux'
import { useEffect, useState } from 'react'
import { useNavigate } from 'react-router-dom'
@@ -16,6 +14,7 @@ import {
setValidWords,
} from '../../redux/ValidatorOnboarding/KeyGeneration/slice'
import { useWindowSize } from '../../hooks/useWindowSize'
+import CopyPastedNotification from './CopyPastedNotification'
const ContinueButton = () => {
const windowSize = useWindowSize()
@@ -168,36 +167,4 @@ const ContinueButton = () => {
)
}
-type CopyPastedNotificationProps = {
- isSmallScreen?: boolean
-}
-
-const CopyPastedNotification = ({
- isSmallScreen,
-}: CopyPastedNotificationProps) => {
- const isCopyPastedPhrase = useSelector(
- (state: RootState) => state.keyGeneration.isCopyPastedPhrase,
- )
-
- return (
- <>
- {isCopyPastedPhrase && (
-
- }
- />
-
- )}
- >
- )
-}
-
export default ContinueButton
diff --git a/src/pages/ValidatorOnboarding/CopyPastedNotification.tsx b/src/pages/ValidatorOnboarding/CopyPastedNotification.tsx
new file mode 100644
index 00000000..a9b8d48c
--- /dev/null
+++ b/src/pages/ValidatorOnboarding/CopyPastedNotification.tsx
@@ -0,0 +1,40 @@
+import { Stack } from 'tamagui'
+import { InformationBox } from '@status-im/components'
+import { CloseCircleIcon } from '@status-im/icons'
+import { useSelector } from 'react-redux'
+
+import { RootState } from '../../redux/store'
+
+type CopyPastedNotificationProps = {
+ isSmallScreen?: boolean
+}
+
+const CopyPastedNotification = ({
+ isSmallScreen,
+}: CopyPastedNotificationProps) => {
+ const isCopyPastedPhrase = useSelector(
+ (state: RootState) => state.keyGeneration.isCopyPastedPhrase,
+ )
+
+ return (
+ <>
+ {isCopyPastedPhrase && (
+
+ }
+ />
+
+ )}
+ >
+ )
+}
+
+export default CopyPastedNotification