diff --git a/ui/components/app/create-new-vault/create-new-vault.js b/ui/components/app/create-new-vault/create-new-vault.js
index 81e9e9063..66c87e147 100644
--- a/ui/components/app/create-new-vault/create-new-vault.js
+++ b/ui/components/app/create-new-vault/create-new-vault.js
@@ -2,9 +2,8 @@ import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useI18nContext } from '../../../hooks/useI18nContext';
 import TextField from '../../ui/text-field';
-import Button from '../../ui/button';
 import CheckBox from '../../ui/check-box';
-import { Text } from '../../component-library';
+import { BUTTON_VARIANT, Button, Text } from '../../component-library';
 import SrpInput from '../srp-input';
 import { PASSWORD_MIN_LENGTH } from '../../../helpers/constants/common';
 
@@ -144,9 +143,9 @@ export default function CreateNewVault({
       <Button
         data-testid="create-new-vault-submit-button"
         className="create-new-vault__submit-button"
-        type="primary"
-        submit
+        variant={BUTTON_VARIANT.PRIMARY}
         disabled={!isValid}
+        type="submit"
       >
         {submitText}
       </Button>