diff --git a/.circleci/config.yml b/.circleci/config.yml
index e84a7ae15..6a74a8ad7 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -259,7 +259,9 @@ workflows:
                       branches:
                           only:
                               - dev
-                              - PROD-4406_new-dice
+                              - justin_fixes
+                              - talent_search_fixes
+                              - PROD-4398_integrate-userflow-remove-sprig
 
             - deployQa:
                   context: org-global
diff --git a/package.json b/package.json
index 584a7f6a9..2ef92fbc4 100644
--- a/package.json
+++ b/package.json
@@ -246,9 +246,5 @@
         }
       }
     ]
-  },
-  "volta": {
-    "node": "16.15.0",
-    "yarn": "1.22.19"
   }
 }
diff --git a/src/apps/accounts/src/lib/assets/security/credential.png b/src/apps/accounts/src/lib/assets/security/credential.png
deleted file mode 100644
index 914e8d04f..000000000
Binary files a/src/apps/accounts/src/lib/assets/security/credential.png and /dev/null differ
diff --git a/src/apps/accounts/src/lib/assets/security/index.ts b/src/apps/accounts/src/lib/assets/security/index.ts
index 4559e27b4..8b87173a7 100644
--- a/src/apps/accounts/src/lib/assets/security/index.ts
+++ b/src/apps/accounts/src/lib/assets/security/index.ts
@@ -1,6 +1,6 @@
 import { ReactComponent as MFAImage } from './mfa.svg'
 import { ReactComponent as AppleStore } from './apple-store.svg'
-import credentialImage from './credential.png'
+import { ReactComponent as UnSuccessfullDiceVerificationIcon } from './unsuccessful.svg'
 import diceIdLogo from './dicelogo.png'
 import diceIdLogoBig from './dicelogobig.png'
 import diceIdLogoSmall from './dicelogosmall.png'
@@ -8,10 +8,10 @@ import googlePlay from './google-play.png'
 
 export {
     AppleStore,
-    credentialImage,
     diceIdLogo,
     diceIdLogoBig,
     diceIdLogoSmall,
     googlePlay,
     MFAImage,
+    UnSuccessfullDiceVerificationIcon,
 }
diff --git a/src/apps/accounts/src/settings/tabs/account/security/Security.tsx b/src/apps/accounts/src/settings/tabs/account/security/Security.tsx
index f521783bf..f8a608d40 100644
--- a/src/apps/accounts/src/settings/tabs/account/security/Security.tsx
+++ b/src/apps/accounts/src/settings/tabs/account/security/Security.tsx
@@ -1,8 +1,9 @@
 import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
 import { KeyedMutator } from 'swr'
+import { noop } from 'lodash'
 
-import { Button, Collapsible, FormToggleSwitch } from '~/libs/ui'
+import { Button, Collapsible, FormToggleSwitch, IconSolid, Tooltip } from '~/libs/ui'
 import { diceIdLogo, MFAImage, SettingSection, triggerSurvey } from '~/apps/accounts/src/lib'
 import { MemberMFAStatus, updateMemberMFAStatusAsync, useMemberMFAStatus, UserProfile } from '~/libs/core'
 
@@ -22,12 +23,10 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
     } = useMemberMFAStatus(props.profile.userId)
 
     const [mfaEnabled, setMFAEnabled]: [boolean, Dispatch<SetStateAction<boolean>>] = useState(false)
-    const [diceEnabled, setDiceEnabled]: [boolean, Dispatch<SetStateAction<boolean>>] = useState(false)
 
     useEffect(() => {
         if (mfaStatusData) {
             setMFAEnabled(mfaStatusData.mfaEnabled)
-            setDiceEnabled(mfaStatusData.diceEnabled)
         }
     }, [mfaStatusData])
 
@@ -37,9 +36,8 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
                 mfaEnabled: !mfaEnabled,
             },
         })
-            .then(response => {
-                setMFAEnabled(response.result.content.mfaEnabled)
-                setDiceEnabled(response.result.content.diceEnabled)
+            .then(() => {
+                setMFAEnabled(!mfaEnabled)
                 toast.success('Your Multi Factor Authentication (MFA) status was updated.')
                 triggerSurvey()
             })
@@ -48,27 +46,6 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
             })
     }
 
-    function handleUserDiceChange(): void {
-        if (!diceEnabled) {
-            return
-        }
-
-        updateMemberMFAStatusAsync(props.profile.userId, {
-            param: {
-                diceEnabled: !diceEnabled,
-            },
-        })
-            .then(response => {
-                setMFAEnabled(response.result.content.mfaEnabled)
-                setDiceEnabled(response.result.content.diceEnabled)
-                toast.success('Your DICE credential was disabled.')
-                triggerSurvey()
-            })
-            .catch(() => {
-                toast.error('Something went wrong. Please try again later.')
-            })
-    }
-
     function handleDiceModalStatus(): void {
         setSetupDiceModalOpen(!setupDiceModalOpen)
     }
@@ -93,6 +70,7 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
                         name='mfaStatus'
                         onChange={handleUserMFAChange}
                         value={mfaEnabled}
+                        disabled={mfaStatusData?.diceEnabled}
                     />
                 )}
             />
@@ -108,11 +86,12 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
                 actionElement={(
                     <div className={styles.diceBtnWrap}>
                         {
-                            diceEnabled ? (
+                            mfaStatusData?.diceEnabled ? (
                                 <FormToggleSwitch
                                     name='diceEnabled'
-                                    onChange={handleUserDiceChange}
+                                    onChange={noop}
                                     value={mfaStatusData?.diceEnabled as boolean}
+                                    disabled={mfaStatusData?.diceEnabled}
                                 />
                             ) : (
                                 <Button
@@ -125,6 +104,15 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
                                 />
                             )
                         }
+                        {
+                            mfaStatusData?.diceEnabled && (
+                                <Tooltip
+                                    content='Please reach out to support@topcoder.com for deactivating Dice ID.'
+                                >
+                                    <IconSolid.InformationCircleIcon />
+                                </Tooltip>
+                            )
+                        }
                     </div>
                 )}
             />
diff --git a/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/ConnectionHandler/index.tsx b/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/ConnectionHandler/index.tsx
deleted file mode 100644
index 07e3f7075..000000000
--- a/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/ConnectionHandler/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { FC, useEffect } from 'react'
-
-import { DiceConnectionStatus, useDiceIdConnection } from '~/libs/core'
-
-interface ConnectionHandlerProps {
-    onChange: (newStatus: DiceConnectionStatus) => void;
-    userId: number;
-}
-
-export const ConnectionHandler: FC<ConnectionHandlerProps> = (
-    props: ConnectionHandlerProps,
-) => {
-    const diceConnection: DiceConnectionStatus | undefined = useDiceIdConnection(props.userId)
-
-    useEffect(() => {
-        if (diceConnection) {
-            props.onChange(diceConnection)
-        }
-    }, [diceConnection, props])
-
-    return (
-        <></>
-    )
-}
diff --git a/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.module.scss b/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.module.scss
index 0fe6f3dec..dd1329b65 100644
--- a/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.module.scss
+++ b/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.module.scss
@@ -34,12 +34,6 @@
         margin: auto;
     }
 
-    .credentialImage {
-        height: 280px;
-        width: 400px;
-        align-self: center;
-    }
-
     .diceBigLogo {
         margin: $sp-4 0;
     }
diff --git a/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.tsx b/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.tsx
index 1b03bce41..6e9cb87e5 100644
--- a/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.tsx
+++ b/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/DiceSetupModal.tsx
@@ -1,20 +1,21 @@
-/* eslint-disable complexity */
-import { Dispatch, FC, SetStateAction, useState } from 'react'
+import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react'
 import { QRCodeSVG } from 'qrcode.react'
+import { get, isUndefined, lowerCase } from 'lodash'
 import { toast } from 'react-toastify'
 import { KeyedMutator } from 'swr'
 
 import { BaseModal, Button } from '~/libs/ui'
 import {
     AppleStore,
-    credentialImage,
     diceIdLogoBig,
     diceIdLogoSmall,
     googlePlay,
+    UnSuccessfullDiceVerificationIcon,
 } from '~/apps/accounts/src/lib'
-import { DiceConnectionStatus, UserProfile } from '~/libs/core'
+import { DiceConnectionStatus, updateMemberMFAStatusAsync, useDiceIdConnection, UserProfile } from '~/libs/core'
+import { EnvironmentConfig } from '~/config'
 
-import { ConnectionHandler } from './ConnectionHandler'
+import { VerificationListener } from './VerificationListener'
 import styles from './DiceSetupModal.module.scss'
 
 const GooglePlayLink: string = 'https://play.google.com/store/apps/details?id=com.diwallet1'
@@ -28,7 +29,24 @@ interface DiceSetupModalProps {
 const DiceSetupModal: FC<DiceSetupModalProps> = (props: DiceSetupModalProps) => {
     const [step, setStep]: [number, Dispatch<SetStateAction<number>>] = useState(1)
 
-    const [diceConnectionUrl, setDiceConnectionUrl] = useState<string>()
+    const [diceConnectionId, setDiceConnectionId]: [
+        number | undefined,
+        Dispatch<SetStateAction<number | undefined>>
+    ] = useState()
+
+    const diceConnection: DiceConnectionStatus | undefined = useDiceIdConnection(props.profile.userId, diceConnectionId)
+
+    const [isVerificationProcessing, setIsVerificationProcessing]: [boolean, Dispatch<SetStateAction<boolean>>]
+        = useState(false)
+
+    useEffect(() => {
+        if (diceConnection && !diceConnectionId) {
+            setDiceConnectionId(diceConnection.id)
+        }
+    }, [
+        diceConnection,
+        diceConnectionId,
+    ])
 
     function handleSecondaryButtonClick(): void {
         switch (step) {
@@ -40,25 +58,42 @@ const DiceSetupModal: FC<DiceSetupModalProps> = (props: DiceSetupModalProps) =>
     function handlePrimaryButtonClick(): void {
         switch (step) {
             case 1:
+            case 2:
                 return setStep(step + 1)
             default: return props.onClose()
         }
     }
 
-    function handleDiceConnectionStatusChange(newStatus: DiceConnectionStatus): void {
-        if (newStatus.diceEnabled) {
-            setStep(4)
-            toast.success('Your credentials have been verified and you are all set for'
-             + ' MFA using your decentralized identity (DICE ID).')
-            props.mutateMFAData()
-        } else if (newStatus.accepted) {
-            setStep(3)
-        } else if (newStatus.connection) {
-            setDiceConnectionUrl(newStatus.connection)
-            setStep(2)
+    function verificationCallback(data: any): void {
+        if (data.success) {
+            const userEmail: string = get(data, 'user.profile.Email')
+            if (!isUndefined(userEmail) && lowerCase(userEmail) === lowerCase(props.profile.email)) {
+                updateMemberMFAStatusAsync(props.profile.userId, {
+                    param: {
+                        diceEnabled: true,
+                    },
+                })
+                    .then(() => {
+                        props.mutateMFAData()
+                        setStep(4)
+                        // eslint-disable-next-line max-len
+                        toast.success('Your credentials have been verified and you are all set for MFA using your decentralized identity (DICE ID).')
+                    })
+                    .catch(() => {
+                        toast.error('Something went wrong. Please try again later.')
+                    })
+            } else {
+                setStep(5)
+            }
+        } else {
+            setStep(5)
         }
     }
 
+    function onStartProcessing(): void {
+        setIsVerificationProcessing(true)
+    }
+
     return (
         <BaseModal
             open
@@ -82,11 +117,12 @@ const DiceSetupModal: FC<DiceSetupModalProps> = (props: DiceSetupModalProps) =>
                         onClick={handleSecondaryButtonClick}
                     />
                     {
-                        (step === 1 || step === 4) && (
+                        step !== 3 && (
                             <Button
                                 primary
-                                label={step === 4 ? 'Finish' : 'Next'}
+                                label={(step === 4 || step === 5) ? 'Finish' : 'Next'}
                                 onClick={handlePrimaryButtonClick}
+                                disabled={step === 2 && !diceConnection?.accepted}
                             />
                         )
                     }
@@ -151,32 +187,26 @@ const DiceSetupModal: FC<DiceSetupModalProps> = (props: DiceSetupModalProps) =>
             {
                 step === 2 && (
                     <>
-                        <ConnectionHandler
-                            onChange={handleDiceConnectionStatusChange}
-                            userId={props.profile.userId}
-                        />
-                        <p>
-                            Scan the following DICE ID QR Code in your DICE ID
-                            mobile application.
-                        </p>
-                        {diceConnectionUrl ? (
-                            <QRCodeSVG
-                                value={diceConnectionUrl}
-                                size={300}
-                                className={styles.qrCode}
-                                includeMargin
-                            />
-                        ) : (
-                            <p>Loading...</p>
-                        )}
+                        <p>Scan the following DICE ID QR Code in your DICE ID mobile application.</p>
+                        {
+                            diceConnection ? (
+                                <QRCodeSVG
+                                    value={diceConnection.connection as string}
+                                    size={300}
+                                    className={styles.qrCode}
+                                    includeMargin
+                                />
+                            ) : (
+                                <p>Loading...</p>
+                            )
+                        }
                         <p>
-                            Once the connection is established, the service will
-                            offer you a Verifiable Credential.
+                            Once the connection is established, the service will offer you
+                            a Verifiable Credential.
                             <br />
                             Press the ACCEPT button in your DICE ID App.
                             <br />
-                            If you DECLINE the invitation, please try again after 5
-                            minutes.
+                            If you DECLINE the invitation, please try again after 5 minutes.
                         </p>
                     </>
                 )
@@ -184,22 +214,29 @@ const DiceSetupModal: FC<DiceSetupModalProps> = (props: DiceSetupModalProps) =>
             {
                 step === 3 && (
                     <>
-                        <ConnectionHandler
-                            onChange={handleDiceConnectionStatusChange}
-                            userId={props.profile.userId}
-                        />
                         <p>
-                            You will receive the credential offer from Topcoder in the DICE ID wallet home page.
-                            <br />
-                            Your credentials should get automatically processed in few seconds.
-                            <br />
-                            If you have disabled the auto-accept feature,
-                            please review the credential offer and manually accept it.
-                            <br />
-                            <br />
-                            Example credential offer:
+                            Scan the following DICE ID QR Code in your DICE ID
+                            mobile application to confirm your credential.
                         </p>
-                        <img src={credentialImage} className={styles.credentialImage} alt='Example Credential Offer' />
+                        <iframe
+                            src={`${EnvironmentConfig.DICE_VERIFY_URL}/dice-verifier.html`}
+                            title='dice verifier'
+                            width='100%'
+                            height='350px'
+                        />
+                        {isVerificationProcessing && (
+                            <div className='body-small'>
+                                Powered by DICE ID
+                            </div>
+                        )}
+                        <VerificationListener
+                            event='message'
+                            callback={verificationCallback}
+                            origin={EnvironmentConfig.DICE_VERIFY_URL}
+                            type='DICE_VERIFICATION'
+                            onProcessing={onStartProcessing}
+                            startType='DICE_VERIFICATION_START'
+                        />
                     </>
                 )
             }
@@ -233,6 +270,33 @@ const DiceSetupModal: FC<DiceSetupModalProps> = (props: DiceSetupModalProps) =>
                     </>
                 )
             }
+            {
+                step === 5 && (
+                    <>
+                        <div className={styles.errorWrap}>
+                            <UnSuccessfullDiceVerificationIcon />
+                            <h3 className={styles.errorText}>Unsuccessful Verification!</h3>
+                        </div>
+                        <p>
+                            Hello
+                            {' '}
+                            {props.profile.handle}
+                            ,
+                            <br />
+                            <br />
+                            Your credentials could not be verified,
+                            you won&apos;t be able to connect to MFA using your decentralized identity (DICE ID).
+                        </p>
+                        <img src={diceIdLogoBig} className={styles.diceBigLogo} alt='DICE ID Logo' />
+                        <p>
+                            Please try again your process after few minutes.
+                            <br />
+                            <br />
+                        </p>
+                        <p>Please click Finish below.</p>
+                    </>
+                )
+            }
         </BaseModal>
     )
 }
diff --git a/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/VerificationListener/index.tsx b/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/VerificationListener/index.tsx
new file mode 100644
index 000000000..c884852d7
--- /dev/null
+++ b/src/apps/accounts/src/settings/tabs/account/security/dice-setup-modal/VerificationListener/index.tsx
@@ -0,0 +1,29 @@
+import { FC, useCallback, useEffect } from 'react'
+
+interface VerificationListenerProps {
+    event: string
+    callback: (data: object) => void
+    origin: string
+    type: string
+    onProcessing: () => void
+    startType: string
+}
+
+export const VerificationListener: FC<VerificationListenerProps> = (props: VerificationListenerProps) => {
+    const messageHandler: (e: any) => void = useCallback(e => {
+        if (e.origin === props.origin && e.data && e.data.type) {
+            if (e.data.type === props.startType) {
+                props.onProcessing()
+            } else if (e.data.type === props.type) {
+                props.callback(e.data)
+            }
+        }
+    }, [props])
+
+    useEffect(() => {
+        window.addEventListener(props.event, messageHandler)
+        return () => window.removeEventListener(props.event, messageHandler)
+    }, [props.event, messageHandler])
+
+    return <></>
+}
diff --git a/src/config/environments/default.env.ts b/src/config/environments/default.env.ts
index 9aa7a7aa7..cd4d469e4 100644
--- a/src/config/environments/default.env.ts
+++ b/src/config/environments/default.env.ts
@@ -64,6 +64,12 @@ export const SUBDOMAIN = window.location.hostname.split('.')[0]
 
 export const GAMIFICATION_ORG_ID = getReactEnv<string>('GAMIFICATION_ORG_ID', undefined)
 
+export const DICE_VERIFY_URL = get({
+    dev: 'https://accounts-auth0.topcoder-dev.com',
+    prod: 'https://accounts-auth0.topcoder.com',
+    qa: 'https://accounts-auth0.topcoder-qa.com',
+}, ENV, 'https://accounts-auth0.topcoder.com')
+
 export const RESTRICT_TALENT_SEARCH = getReactEnv<boolean>('RESTRICT_TALENT_SEARCH', false)
 export const SEGMENT_ANALYTICS_KEY = getReactEnv<string>('SEGMENT_ANALYTICS_KEY', undefined)
 
diff --git a/src/config/environments/global-config.model.ts b/src/config/environments/global-config.model.ts
index f2f16ba4b..8e6f23699 100644
--- a/src/config/environments/global-config.model.ts
+++ b/src/config/environments/global-config.model.ts
@@ -36,6 +36,7 @@ export interface GlobalConfig {
     },
     SUBDOMAIN: string,
     GAMIFICATION_ORG_ID: string
+    DICE_VERIFY_URL: string
     RESTRICT_TALENT_SEARCH: boolean
     SEGMENT_ANALYTICS_KEY: string
     USERFLOW_SURVEYS: {
diff --git a/src/libs/core/lib/profile/data-providers/useDiceIdConnection.ts b/src/libs/core/lib/profile/data-providers/useDiceIdConnection.ts
index d86e3c30c..484bfa1b2 100644
--- a/src/libs/core/lib/profile/data-providers/useDiceIdConnection.ts
+++ b/src/libs/core/lib/profile/data-providers/useDiceIdConnection.ts
@@ -4,15 +4,20 @@ import { diceIDURL } from '~/libs/core'
 
 export interface DiceConnectionStatus {
     accepted: boolean
-    connection: string | null
-    diceEnabled: boolean
+    connection: string
+    createdAt: Date
+    id: number
 }
 
-export function useDiceIdConnection(userId: number): DiceConnectionStatus | undefined {
-    const options: SWRConfiguration = { refreshInterval: 5000 } // pooling interval 5s
+export function useDiceIdConnection(userId: number, connectionId?: number): DiceConnectionStatus | undefined {
+    const options: SWRConfiguration = {}
+
+    if (connectionId) {
+        options.refreshInterval = 5000 // pooling interval 5s if connection is active
+    }
 
     const { data }: SWRResponse
-        = useSWR(`${diceIDURL(userId)}/diceConnection`, options)
+        = useSWR(`${diceIDURL(userId)}/diceConnection${connectionId ? `/${connectionId}` : ''}`, options)
 
     return data ? data.result.content : undefined
 }
diff --git a/src/libs/core/lib/profile/modify-user-mfa.model.ts b/src/libs/core/lib/profile/modify-user-mfa.model.ts
index 1fda94156..a21bcdf40 100644
--- a/src/libs/core/lib/profile/modify-user-mfa.model.ts
+++ b/src/libs/core/lib/profile/modify-user-mfa.model.ts
@@ -8,10 +8,7 @@ export interface ModifyUserMFARequest {
 export interface ModifyUserMFAResponse {
     id: string
     result: {
-        content: {
-            mfaEnabled: boolean
-            diceEnabled: boolean
-        },
+        content: string
         success: boolean
     }
 }