From 57e6f06352870bcbbee680439decde643df205e6 Mon Sep 17 00:00:00 2001
From: Bob <dv4xd@proton.me>
Date: Wed, 24 Jul 2024 13:29:21 +0800
Subject: [PATCH] problem: button is not full width

---
 src/components/CreateNewRocket.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/CreateNewRocket.svelte b/src/components/CreateNewRocket.svelte
index 91826d7..301b660 100644
--- a/src/components/CreateNewRocket.svelte
+++ b/src/components/CreateNewRocket.svelte
@@ -80,7 +80,9 @@
 </script>
 
 <Dialog.Root>
-	<Dialog.Trigger class={buttonVariants({ variant: 'default' })}>Create a Rocket</Dialog.Trigger>
+	<Dialog.Trigger class={`${buttonVariants({ variant: 'default' })} w-full`}
+		>Create a Rocket</Dialog.Trigger
+	>
 	<Dialog.Content class="sm:max-w-[425px]">
 		<Dialog.Header>
 			<Dialog.Title>Name Your Rocket</Dialog.Title>