From 9f57be47ba385cebe2b220ba10a9224788ba071f Mon Sep 17 00:00:00 2001
From: NilanjanPramanik <121485018+NilanjanPramanik@users.noreply.github.com>
Date: Tue, 17 Oct 2023 19:34:23 +0530
Subject: [PATCH] fix: Alignment of step-by-step and try button for mobile
 (#1241)

Co-authored-by: Shubham Palriwala <spalriwalau@gmail.com>
---
 apps/formbricks-com/components/shared/UseCaseCTA.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/formbricks-com/components/shared/UseCaseCTA.tsx b/apps/formbricks-com/components/shared/UseCaseCTA.tsx
index 5f58427393..d717e7521c 100644
--- a/apps/formbricks-com/components/shared/UseCaseCTA.tsx
+++ b/apps/formbricks-com/components/shared/UseCaseCTA.tsx
@@ -9,11 +9,11 @@ export default function UseCaseHeader({ href }: UseCaseCTAProps) {
   /*   const plausible = usePlausible(); */
   const router = useRouter();
   return (
-    <div className="my-8 flex space-x-2 whitespace-nowrap">
-      <Button variant="secondary" href={href}>
+    <div className="my-8 flex flex-col justify-center space-x-2 space-y-2 whitespace-nowrap align-top sm:flex-row">
+      <Button className="mx-auto mt-2 flex w-fit justify-center align-middle" variant="secondary" href={href}>
         Step-by-step manual
       </Button>
-      <div className="space-y-1 text-center ">
+      <div className="space-y-1 text-center">
         <Button
           className="bg-gray-800 text-gray-300 hover:text-white"
           onClick={() => {