From 04f826923ea35ef4fe060caca36daa5566c34166 Mon Sep 17 00:00:00 2001
From: MananTank <manantankm@gmail.com>
Date: Fri, 4 Oct 2024 15:36:11 +0000
Subject: [PATCH] Fix Get started with deploying contracts card buttons layout
 (#4923)

Current:

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/yNOf1svJ8o3zjO7zQouZ/41286158-0065-465b-80a5-f61dd62af7b7.png)

Fixed:

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/yNOf1svJ8o3zjO7zQouZ/be5b23ed-8159-421d-beb0-ca4dfc2f8c12.png)
---
 .../contracts/_components/GetStartedWithContractsDeploy.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/contracts/_components/GetStartedWithContractsDeploy.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/contracts/_components/GetStartedWithContractsDeploy.tsx
index fa661008381..b16212281f9 100644
--- a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/contracts/_components/GetStartedWithContractsDeploy.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/contracts/_components/GetStartedWithContractsDeploy.tsx
@@ -108,7 +108,7 @@ const DeployOptions = () => {
       />
 
       <button
-        className="mt-3 flex cursor-pointer items-center gap-2 rounded-lg border border-border bg-muted/50 p-4 hover:bg-muted"
+        className="mt-3 flex w-full cursor-pointer items-center gap-2 rounded-lg border border-border bg-muted/50 p-4 hover:bg-muted"
         type="button"
         onClick={() => {
           activeTabContent.onClick?.();
@@ -136,7 +136,9 @@ const DeployOptions = () => {
           }`}
         />
         <div>
-          <h4 className="font-semibold text-lg">{activeTabContent.title}</h4>
+          <h4 className="text-start font-semibold text-lg">
+            {activeTabContent.title}
+          </h4>
           <p className="text-muted-foreground text-sm">
             {activeTabContent.description}
           </p>