diff --git a/src/app/pages/settings/forms/settings.form.tsx b/src/app/pages/settings/forms/settings.form.tsx
index 27b746a..d624f1e 100644
--- a/src/app/pages/settings/forms/settings.form.tsx
+++ b/src/app/pages/settings/forms/settings.form.tsx
@@ -32,6 +32,7 @@ export const SettingsForm: React.FC<SettingsFormProps> = ({
                 borderWeight="light"
                 animated={false}
                 color="gradient"
+                size="xs"
                 css={{
                   tt: 'capitalize',
                   '.nextui-drip .nextui-drip-filler': {
diff --git a/src/app/pages/settings/modals/update-settings.modal.tsx b/src/app/pages/settings/modals/update-settings.modal.tsx
index 21ca102..53c3e1f 100644
--- a/src/app/pages/settings/modals/update-settings.modal.tsx
+++ b/src/app/pages/settings/modals/update-settings.modal.tsx
@@ -36,14 +36,14 @@ export const UpdateSettingsModal: React.FC<ModalProps> = ({ onClose = () => {},
         />
       </Modal.Body>
       <Modal.Footer>
-        <Button auto bordered borderWeight="light" size="sm" color="error" onClick={onClose}>
+        <Button auto bordered borderWeight="light" size="xs" color="error" onClick={onClose}>
           Cancel
         </Button>
         <Button
           auto
           bordered
           borderWeight="light"
-          size="sm"
+          size="xs"
           color="gradient"
           type="submit"
           form="update-settings-form"