1 files changed, 19 insertions, 6 deletions
diff --git a/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx b/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx
index c9c59c1b4..c1c08849f 100644
--- a/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx
+++ b/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx
@@ -16,10 +16,18 @@ export interface ConfirmModelProps {
 }
 
 export function ConfirmModal({
-  active, description, onCancel, onConfirm, children, danger, disabled, label = "Confirm", cancelLabel = "Dismiss"
+  active,
+  description,
+  onCancel,
+  onConfirm,
+  children,
+  danger,
+  disabled,
+  label = "Confirm",
+  cancelLabel = "Dismiss",
 }: ConfirmModelProps): VNode {
   return (
-    <div class={active ? "modal is-active" : "modal"} >
+    <div class={active ? "modal is-active" : "modal"}>
       <div class="modal-background " onClick={onCancel} />
       <div class="modal-card" style={{ maxWidth: 700 }}>
         <header class="modal-card-head">
@@ -35,9 +43,13 @@ export function ConfirmModal({
           <button class="button" onClick={onCancel}>
             {cancelLabel}
           </button>
-          <div class="buttons is-right" style={{ width: "100%" }} onKeyDown={(e) => {
-            if (e.key === 'Escape' && onCancel) onCancel()
-          }}>
+          <div
+            class="buttons is-right"
+            style={{ width: "100%" }}
+            onKeyDown={(e) => {
+              if (e.key === "Escape" && onCancel) onCancel();
+            }}
+          >
             <AsyncButton
               grabFocus
               class={danger ? "button is-danger " : "button is-info "}
@@ -52,7 +64,8 @@ export function ConfirmModal({
       <button
         class="modal-close is-large "
         aria-label="close"
-        onClick={onCancel} />
+        onClick={onCancel}
+      />
     </div>
   );
 }