diff --git a/src/containers/Profiles/CreateProfile.tsx b/src/containers/Profiles/CreateProfile.tsx
index cd4e4e69f..6d57c800c 100644
--- a/src/containers/Profiles/CreateProfile.tsx
+++ b/src/containers/Profiles/CreateProfile.tsx
@@ -32,7 +32,7 @@ const CreateProfile = () => {
     avatar_url: avatarUrl,
     pin: undefined,
   };
-  
+
   const createProfileHandler: UseFormOnSubmitHandler<ProfileFormValues> = async (formData, { setSubmitting, setErrors }) => {
     try {
       const profile = (
diff --git a/src/containers/Profiles/DeleteProfile.tsx b/src/containers/Profiles/DeleteProfile.tsx
index 0ad105b18..1a0555914 100644
--- a/src/containers/Profiles/DeleteProfile.tsx
+++ b/src/containers/Profiles/DeleteProfile.tsx
@@ -62,7 +62,7 @@ const DeleteProfile = () => {
           </div>
           <div className={styles.deleteButtons}>
             <Button label="Delete" color="delete" variant="contained" onClick={deleteHandler} />
-            <Button className={styles.cancelButton} label="Cancel" variant="outlined" onClick={closeHandler} />
+            <Button label="Cancel" variant="outlined" onClick={closeHandler} />
           </div>
         </div>
       </Dialog>
diff --git a/src/containers/Profiles/Profiles.module.scss b/src/containers/Profiles/Profiles.module.scss
index 6cd88c7ac..aae8a81f0 100644
--- a/src/containers/Profiles/Profiles.module.scss
+++ b/src/containers/Profiles/Profiles.module.scss
@@ -64,9 +64,7 @@
   .deleteButtons {
     display: flex;
     justify-content: flex-end;
-  }
-  .cancelButton {
-    margin-left: 6px;
+    gap: 6px;
   }
   h2 {
     font-weight: 400;