diff --git a/packages/account/src/Assets/ic-brand-deriv-go-dark.svg b/packages/account/src/Assets/ic-brand-deriv-go-dark.svg
new file mode 100644
index 000000000000..69414f8869ba
--- /dev/null
+++ b/packages/account/src/Assets/ic-brand-deriv-go-dark.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="6" fill="#fff"/><path d="M7.64 12.667L10.193 16l-4.091 3.333h4.134a2.593 2.593 0 002.526-2.01l.342-1.482a2.592 2.592 0 00-2.525-3.174H7.64z" fill="url(#paint0_linear)"/><path d="M10.193 16l-1.819 3.333H6.102L10.192 16z" fill="#CC2F3E"/><path d="M25.744 14.32a2.488 2.488 0 00-1.43-1.447 3.037 3.037 0 00-1.143-.206 3.35 3.35 0 00-.94.131 3.198 3.198 0 00-.836.38 3.425 3.425 0 00-.696.598c-.211.238-.39.504-.53.79-.148.3-.26.617-.335.944-.01.039-.016.078-.025.117h-3.13l-.28 1.345h1.423a1.738 1.738 0 01-.668.656c-.2.11-.425.168-.653.166-.16.003-.32-.027-.47-.089a.984.984 0 01-.348-.25 1.211 1.211 0 01-.23-.405 1.656 1.656 0 01-.085-.548 2.967 2.967 0 01.14-.924 2.47 2.47 0 01.377-.736c.146-.196.332-.358.545-.477.2-.111.425-.169.653-.167.159-.003.316.028.462.09a.992.992 0 01.347.25c.102.12.18.257.23.406l1.584-.624a2.489 2.489 0 00-1.429-1.447 3.037 3.037 0 00-1.143-.206 3.35 3.35 0 00-.94.131 3.206 3.206 0 00-.836.38 3.43 3.43 0 00-.696.598c-.211.238-.39.503-.53.789-.149.3-.261.618-.336.945-.08.355-.12.718-.118 1.082-.003.368.064.734.197 1.077.127.326.319.622.564.871.25.25.55.445.878.576.339.137.72.206 1.135.206a3.238 3.238 0 002.466-1.106c.21-.238.388-.503.53-.787a3.906 3.906 0 00.273-.705c.01.324.075.644.192.947.126.326.318.622.564.87.25.25.55.445.878.575.339.137.72.206 1.135.206a3.235 3.235 0 002.466-1.106c.21-.238.388-.503.53-.787a4.17 4.17 0 00.335-.95c.079-.356.118-.72.116-1.083a2.972 2.972 0 00-.193-1.076zm-1.636 2.105c-.082.263-.208.51-.374.73a1.739 1.739 0 01-.543.473c-.2.11-.425.168-.653.166-.161.003-.32-.028-.469-.09a.984.984 0 01-.348-.25 1.215 1.215 0 01-.231-.405 1.657 1.657 0 01-.085-.546 2.969 2.969 0 01.14-.925c.084-.265.211-.513.377-.736.147-.195.333-.358.546-.477.2-.111.425-.169.653-.167.159-.003.316.028.462.09a.994.994 0 01.347.25c.103.12.182.257.232.406.058.176.087.361.085.547.003.316-.044.63-.139.933z" fill="#1A1A1A"/><defs><linearGradient id="paint0_linear" x1="10.568" y1="11.518" x2="9.24" y2="19.894" gradientUnits="userSpaceOnUse"><stop stop-color="#F26447"/><stop offset="1" stop-color="#EF4852"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/account/src/Assets/ic-brand-deriv-go.svg b/packages/account/src/Assets/ic-brand-deriv-go-light.svg
similarity index 100%
rename from packages/account/src/Assets/ic-brand-deriv-go.svg
rename to packages/account/src/Assets/ic-brand-deriv-go-light.svg
diff --git a/packages/account/src/Sections/Security/Passwords/deriv-password.jsx b/packages/account/src/Sections/Security/Passwords/deriv-password.jsx
index e7cf3a6e4357..ab8682aabe19 100644
--- a/packages/account/src/Sections/Security/Passwords/deriv-password.jsx
+++ b/packages/account/src/Sections/Security/Passwords/deriv-password.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { Button, Modal, Text } from '@deriv/components';
 import { localize } from '@deriv/translations';
 import { connect } from 'Stores/connect';
 import { WS } from 'Services/ws-methods';
@@ -8,31 +9,67 @@ import ChangePasswordForm from './change-password-form.jsx';
 import SocialPasswordForm from './social-password-form.jsx';
 import PasswordsStatic from './passwords-static.jsx';
 
-const DerivPassword = ({ email, is_social_signup }) => (
-    <React.Fragment>
-        <FormSubHeader title={localize('Deriv password')} />
-        <div className='account__passwords-wrapper'>
-            <PasswordsStatic is_deriv_password />
-            {is_social_signup ? (
-                <SocialPasswordForm />
-            ) : (
-                <ChangePasswordForm
-                    onClickSendEmail={() => {
-                        WS.verifyEmail(email, 'reset_password');
-                        // multi_step_ref.current?.goNextStep();
-                    }}
-                />
-            )}
-        </div>
-    </React.Fragment>
+const UnlinkConfirmationDialog = ({ is_open, onClose, onConfirm }) => (
+    <Modal
+        is_open={is_open}
+        is_confirmation_modal
+        has_close_icon={false}
+        should_header_stick_body
+        title={localize('Are you sure you want to unlink from Google?')}
+        width='440px'
+    >
+        <Modal.Body>
+            <Text size='xs'>{localize('You will need to set a password to complete the process.')}</Text>
+        </Modal.Body>
+        <Modal.Footer>
+            <Button onClick={onClose} has_effect text={localize('Cancel')} secondary large />
+            <Button has_effect onClick={onConfirm} text={localize('Unlink from Google')} primary large />
+        </Modal.Footer>
+    </Modal>
 );
 
+const DerivPassword = ({ email, is_dark_mode_on, is_social_signup }) => {
+    const [is_unlink_modal_open, setIsUnlinkModalOpen] = React.useState(false);
+
+    const toggleUnlinkModal = () => {
+        setIsUnlinkModalOpen(false);
+    };
+
+    const toggleEmailSentModal = () => {};
+
+    return (
+        <React.Fragment>
+            <FormSubHeader title={localize('Deriv password')} />
+            <div className='account__passwords-wrapper'>
+                <PasswordsStatic is_dark_mode_on={is_dark_mode_on} is_deriv_password />
+                {is_social_signup ? (
+                    <SocialPasswordForm setIsUnlinkModalOpen={setIsUnlinkModalOpen} />
+                ) : (
+                    <ChangePasswordForm
+                        onClickSendEmail={() => {
+                            WS.verifyEmail(email, 'reset_password');
+                            // multi_step_ref.current?.goNextStep();
+                        }}
+                    />
+                )}
+            </div>
+            <UnlinkConfirmationDialog
+                is_open={is_unlink_modal_open}
+                onClose={() => toggleUnlinkModal()}
+                onConfirm={() => toggleEmailSentModal}
+            />
+        </React.Fragment>
+    );
+};
+
 DerivPassword.propTypes = {
     email: PropTypes.string,
+    is_dark_mode_on: PropTypes.bool,
     is_social_signup: PropTypes.bool,
 };
 
-export default connect(({ client }) => ({
+export default connect(({ client, ui }) => ({
     email: client.email,
+    is_dark_mode_on: ui.is_dark_mode_on,
     is_social_signup: client.is_social_signup,
 }))(DerivPassword);
diff --git a/packages/account/src/Sections/Security/Passwords/passwords-static.jsx b/packages/account/src/Sections/Security/Passwords/passwords-static.jsx
index c03abc5ac1c8..57a256a363e8 100644
--- a/packages/account/src/Sections/Security/Passwords/passwords-static.jsx
+++ b/packages/account/src/Sections/Security/Passwords/passwords-static.jsx
@@ -3,9 +3,10 @@ import PropTypes from 'prop-types';
 import { Localize, localize } from '@deriv/translations';
 import { Icon, Text } from '@deriv/components';
 import DerivComLogo from '../../../Assets/ic-brand-deriv-red.svg';
-import DerivGoLogo from '../../../Assets/ic-brand-deriv-go.svg';
+import DerivGoLight from '../../../Assets/ic-brand-deriv-go-light.svg';
+import DerivGoDark from '../../../Assets/ic-brand-deriv-go-dark.svg';
 
-const PasswordsStatic = ({ is_deriv_password = false }) => (
+const PasswordsStatic = ({ is_dark_mode_on, is_deriv_password = false }) => (
     <React.Fragment>
         {is_deriv_password ? (
             <div className='account__passwords-item-left'>
@@ -23,7 +24,7 @@ const PasswordsStatic = ({ is_deriv_password = false }) => (
                     <Icon icon='IcBrandDtrader' size={32} />
                     <Icon icon='IcBrandDbot' size={32} />
                     <Icon icon='IcBrandSmarttrader' size={32} />
-                    <DerivGoLogo />
+                    {is_dark_mode_on ? <DerivGoDark /> : <DerivGoLight />}
                 </div>
             </div>
         ) : (
diff --git a/packages/account/src/Sections/Security/Passwords/social-password-form.jsx b/packages/account/src/Sections/Security/Passwords/social-password-form.jsx
index 0110cc8a5b8f..b34096d699a5 100644
--- a/packages/account/src/Sections/Security/Passwords/social-password-form.jsx
+++ b/packages/account/src/Sections/Security/Passwords/social-password-form.jsx
@@ -2,13 +2,20 @@ import React from 'react';
 import { Button, Icon, Text } from '@deriv/components';
 import { localize } from '@deriv/translations';
 
-const SocialPasswordForm = () => (
+const SocialPasswordForm = ({ setIsUnlinkModalOpen }) => (
     <div className='account__passwords-item-right passwords-social-buttons'>
         <div className='account__passwords-linked'>
             <Icon icon='IcStockGoogle' size={16} />
             <Text size='xs'>{localize('Linked with Google')}</Text>
         </div>
-        <Button className='account__passwords-footer-btn' type='button' text={localize('Unlink')} tertiary large />
+        <Button
+            className='account__passwords-footer-btn'
+            onClick={() => setIsUnlinkModalOpen(true)}
+            type='button'
+            text={localize('Unlink')}
+            tertiary
+            large
+        />
     </div>
 );