diff --git a/frontend/src/SettingsPage/SettingsPage.jsx b/frontend/src/SettingsPage/SettingsPage.jsx
index 2f836f7b0a..8804ead293 100644
--- a/frontend/src/SettingsPage/SettingsPage.jsx
+++ b/frontend/src/SettingsPage/SettingsPage.jsx
@@ -205,14 +205,13 @@ function SettingsPage(props) {
                     </div>
                   </div>
                 </div>
-                <a
-                  href="#"
+                <button
                   className={'btn btn-primary' + (updateInProgress ? '  btn-loading' : '')}
                   onClick={updateDetails}
                   data-cy="update-button"
                 >
                   Update
-                </a>
+                </button>
                 {/* An !important style on theme.scss is making the last child of every .card-body color to #c3c3c3!.  */}
                 {/* The div below is a placeholder to prevent it from affecting the button above.  */}
                 <div></div>
@@ -279,14 +278,13 @@ function SettingsPage(props) {
                     />
                   </div>
                 </div>
-                <a
-                  href="#"
+                <button
                   className={'btn btn-primary' + (passwordChangeInProgress ? '  btn-loading' : '')}
                   onClick={changePassword}
                   data-cy="change-password-button"
                 >
                   Change password
-                </a>
+                </button>
                 {/* An !important style on theme.scss is making the last child of every .card-body color to #c3c3c3!.  */}
                 {/* The div below is a placeholder to prevent it from affecting the button above.  */}
                 <div></div>