diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
index 6b91096706de..ca80c5abd30c 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
@@ -16,6 +16,10 @@ import Button from '../../../../../components/Button';
 import DotIndicatorMessage from '../../../../../components/DotIndicatorMessage';
 import * as Session from '../../../../../libs/actions/Session';
 import Text from '../../../../../components/Text';
+import {withNetwork} from '../../../../../components/OnyxProvider';
+import PressableWithFeedback from '../../../../../components/Pressable/PressableWithFeedback';
+import themeColors from '../../../../../styles/themes/default';
+import * as StyleUtils from '../../../../../styles/StyleUtils';
 
 const propTypes = {
     ...withLocalizePropTypes,
@@ -138,12 +142,18 @@ function BaseValidateCodeForm(props) {
                 onClose={() => User.clearContactMethodErrors(props.contactMethod, 'validateCodeSent')}
             >
                 <View style={[styles.mt2, styles.dFlex, styles.flexColumn, styles.alignItemsStart]}>
-                    <Text
-                        style={[styles.link, styles.mr1]}
+                    <PressableWithFeedback
+                        disabled={props.network.isOffline}
+                        style={[styles.mr1]}
                         onPress={resendValidateCode}
+                        underlayColor={themeColors.componentBG}
+                        hoverDimmingValue={1}
+                        pressDimmingValue={0.2}
+                        accessibilityRole="button"
+                        accessibilityLabel={props.translate('contacts.resendMagicCode')}
                     >
-                        {props.translate('contacts.resendMagicCode')}
-                    </Text>
+                        <Text style={[StyleUtils.getDisabledLinkStyles(props.network.isOffline)]}>{props.translate('contacts.resendMagicCode')}</Text>
+                    </PressableWithFeedback>
                     {props.hasMagicCodeBeenSent && (
                         <DotIndicatorMessage
                             type="success"
@@ -160,6 +170,7 @@ function BaseValidateCodeForm(props) {
                 onClose={() => User.clearContactMethodErrors(props.contactMethod, 'validateLogin')}
             >
                 <Button
+                    disabled={props.network.isOffline}
                     text={props.translate('common.verify')}
                     onPress={validateAndSubmitForm}
                     style={[styles.mt4]}
@@ -180,4 +191,5 @@ export default compose(
     withOnyx({
         account: {key: ONYXKEYS.ACCOUNT},
     }),
+    withNetwork(),
 )(BaseValidateCodeForm);