diff --git a/src/client/components/AirDCPPSettingsForm.tsx b/src/client/components/AirDCPPSettingsForm.tsx
index 7874639..93efd38 100644
--- a/src/client/components/AirDCPPSettingsForm.tsx
+++ b/src/client/components/AirDCPPSettingsForm.tsx
@@ -140,16 +140,17 @@ export const AirDCPPSettingsForm = (): ReactElement => {
           </form>
         )}
       />
+
       {!isEmpty(airDCPPClientSettings) ? (
-        <p className="control">
+        <AirDCPPSettingsConfirmation settings={airDCPPClientSettings} />
+      ) : null}
+      {!isEmpty(airDCPPClientSettings) ? (
+        <p className="control mt-4">
           <button className="button is-danger" onClick={removeSettings}>
             Delete
           </button>
         </p>
       ) : null}
-      {!isEmpty(airDCPPClientSettings) ? (
-        <AirDCPPSettingsConfirmation settings={airDCPPClientSettings} />
-      ) : null}
     </>
   );
 };