diff --git a/keep-ui/app/alerts/ViewAlertModal.tsx b/keep-ui/app/alerts/ViewAlertModal.tsx
index a04adb0d1..dfad0b6ba 100644
--- a/keep-ui/app/alerts/ViewAlertModal.tsx
+++ b/keep-ui/app/alerts/ViewAlertModal.tsx
@@ -24,17 +24,23 @@ export const ViewAlertModal: React.FC<ViewAlertModalProps> = ({ alert, handleClo
 
   return (
     <Modal onClose={handleClose} isOpen={isOpen} className="overflow-visible max-w-fit">
-      <div className="flex justify-between items-center">
-        <h2 className="text-lg font-semibold">Alert Details</h2>
-        <Button onClick={handleCopy} color="orange">
-          Copy to Clipboard
-        </Button>
-      </div>
-      {alert && (
-        <pre className="p-2 bg-gray-100 rounded mt-2 overflow-auto">
-          {JSON.stringify(alert, null, 2)}
-        </pre>
-      )}
-    </Modal>
+  <div className="flex justify-between items-center mb-4">
+    <h2 className="text-lg font-semibold">Alert Details</h2>
+    <div className="flex gap-x-2"> {/* Adjust gap as needed */}
+      <Button onClick={handleCopy} color="orange">
+        Copy to Clipboard
+      </Button>
+      <Button onClick={handleClose} color="orange" variant="secondary">
+        Close
+      </Button>
+    </div>
+  </div>
+  {alert && (
+    <pre className="p-2 bg-gray-100 rounded mt-2 overflow-auto">
+      {JSON.stringify(alert, null, 2)}
+    </pre>
+  )}
+</Modal>
+
   );
 };