Fix buttons not occupying full width

Author: njxue

frontend/src/presentation/components/DeleteUserForm/DeleteUserForm.module.css

@@ -1,5 +1,9 @@
-.deleteModalBtnGroup {
+.btnGroup {
     display: flex;
     gap: 8px;
     margin-top: 8px;
 }
+
+.btnGroup button {
+    width: 100%;
+}

frontend/src/presentation/components/DeleteUserForm/DeleteUserForm.tsx

@@ -46,7 +46,7 @@ export const DeleteUserForm: React.FC<DeleteUserFormProps> = ({ user: userToDele
                     placeholder={`Type "${textToMatch}" to confirm`}
                 />
             )}
-            <div className={styles.deleteModalBtnGroup}>
+            <div className={styles.btnGroup}>
                 <Button onClick={handleCancel}>Cancel</Button>
                 <Button type="primary" onClick={handleDeleteUser} disabled={isConfirmBtnDisabled}>
                     Confirm

frontend/src/presentation/components/UpdateUserPrivilegeForm/UpdateUserPrivilegeForm.module.css

@@ -3,3 +3,7 @@
     gap: 8px;
     margin-top: 8px;
 }
+
+.btnGroup button {
+    width: 100%;
+}