Update Modal component styling to use max-width of 500px

diff --git a/client/components/Modal.vue b/client/components/Modal.vue
index d4bd824851b1f8f9c0694ef5077a4fb62565e64c..d858ce36baf13c91a1978d3eab4240dcfbd8dbe0 100644 (file)
--- a/client/components/Modal.vue
+++ b/client/components/Modal.vue
@@ -6,7 +6,7 @@
   >
     <!-- Modal -->
     <div
-      class="relative max-w-96 grow rounded-lg border border-theme-border bg-theme-background px-6 py-4 shadow-lg"
+      class="relative max-w-[500px] grow rounded-lg border border-theme-border bg-theme-background px-6 py-4 shadow-lg"
       :class="$attrs.class"
     >
       <CustomButton