hot fix: flashing bottom form buttons in form (prod only)

TeamPetPoison · Sep 24, 2023 · c874f74 · c874f74
1 parent 0d8c945
commit c874f74
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/client/lib/components/ReportForm/NavigationButtons/FormButtons.jsx b/packages/client/lib/components/ReportForm/NavigationButtons/FormButtons.jsx
@@ -33,7 +33,7 @@ const FormButtons = () => {
   };
 
   return (
-    <div className="bg-background border-t-foreground/30 sticky bottom-0 left-0 flex w-full flex-col items-center justify-end border-t pb-4 pt-2">
+    <div className="bg-background border-t-foreground/30 sticky bottom-0 left-0 z-10 flex w-full flex-col items-center justify-end border-t pb-4 pt-2">
       <div className="text-negative mb-2 flex flex-col items-center pt-2 text-center text-xs">
         <SVGIcon name="noSymbolIcon" />
         <h3 className="w-full whitespace-nowrap">

diff --git a/packages/client/lib/components/ReportForm/ReportForm.jsx b/packages/client/lib/components/ReportForm/ReportForm.jsx
@@ -33,8 +33,8 @@ const ReportForm = () => {
   const isStepFive = step === 5;
 
   return (
-    <form className="flex min-h-screen flex-col justify-between" noValidate>
-      <div className={`${isStepFive ? '' : 'px-4 py-2'}`}>
+    <form className="relative flex min-h-screen flex-col" noValidate>
+      <div className={`flex-grow ${isStepFive ? '' : 'px-4 py-2'}`}>
         {!isStepFive && (
           <h1 className="text-2xl font-medium">Report your incident</h1>
         )}