From eb3c1c98ab8a736f7e3d34841fe529b8c5d2d43a Mon Sep 17 00:00:00 2001
From: alejandrobailo <alejandrobailo94@gmail.com>
Date: Fri, 3 Jul 2026 11:57:39 +0200
Subject: [PATCH] fix(ui): unify alert modal footer buttons and modal footer
 spacing

Align the alert form modal footer with the launch scan and triage note
modals: Cancel (outline) on the left, submit group on the right, all
size lg. Standardize the vertical gap between the last field and the
footer to 32px across the alert, launch scan, and triage modals.
---
 .../alerts/_components/alert-form-modal.tsx   | 35 ++++++++++++-------
 .../findings/table/finding-note-modal.tsx     |  4 ++-
 2 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/ui/app/(prowler)/alerts/_components/alert-form-modal.tsx b/ui/app/(prowler)/alerts/_components/alert-form-modal.tsx
index 8a9effd890..409055b2bd 100644
--- a/ui/app/(prowler)/alerts/_components/alert-form-modal.tsx
+++ b/ui/app/(prowler)/alerts/_components/alert-form-modal.tsx
@@ -594,22 +594,31 @@ const AlertFormModalContent = ({
         {errors.root && (
           <div className="text-text-error-primary text-sm">{errors.root}</div>
         )}
-        <div className="flex justify-end gap-2">
-          <Button variant="outline" onClick={() => onOpenChange(false)}>
+        {/* mt-4 lifts the gap-4 container spacing to 32px so the distance to
+            the footer matches the launch scan and triage note modals. */}
+        <div className="mt-4 flex w-full justify-between gap-4">
+          <Button
+            variant="outline"
+            size="lg"
+            onClick={() => onOpenChange(false)}
+          >
             Cancel
           </Button>
-          {editingAlert && (
-            <Button
-              variant="outline"
-              onClick={handlePreview}
-              disabled={previewLoading || saving}
-            >
-              {previewLoading ? "Running..." : "Test"}
+          <div className="flex gap-4">
+            {editingAlert && (
+              <Button
+                variant="outline"
+                size="lg"
+                onClick={handlePreview}
+                disabled={previewLoading || saving}
+              >
+                {previewLoading ? "Running..." : "Test"}
+              </Button>
+            )}
+            <Button size="lg" onClick={handleSubmit} disabled={saving}>
+              {submitLabel}
             </Button>
-          )}
-          <Button onClick={handleSubmit} disabled={saving}>
-            {submitLabel}
-          </Button>
+          </div>
         </div>
       </div>
     </Modal>
diff --git a/ui/components/findings/table/finding-note-modal.tsx b/ui/components/findings/table/finding-note-modal.tsx
index 4b4e3795a5..95e86051b5 100644
--- a/ui/components/findings/table/finding-note-modal.tsx
+++ b/ui/components/findings/table/finding-note-modal.tsx
@@ -235,7 +235,9 @@ export function FindingNoteModal({
           </div>
         </div>
 
-        <div className="flex w-full justify-between gap-4">
+        {/* mt-3 lifts the gap-5 form spacing to 32px so the distance to the
+            footer matches the launch scan and alert modals. */}
+        <div className="mt-3 flex w-full justify-between gap-4">
           <Button
             type="button"
             variant="outline"