feat(MED-97): small fixes

app/home/[account]/billing/_components/health-benefit-form-client.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState } from 'react';
+import { useRouter } from 'next/navigation';
 
 import { UpdateHealthBenefitSchema } from '@/packages/billing/core/src/schema';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -27,7 +28,8 @@ const HealthBenefitFormClient = ({
   companyParams: CompanyParams;
 }) => {
   const { t } = useTranslation('account');
-
+  const router = useRouter();
+  
   const [currentCompanyParams, setCurrentCompanyParams] =
     useState<CompanyParams>(companyParams);
   const [isLoading, setIsLoading] = useState<boolean>(false);
@@ -56,6 +58,7 @@ const HealthBenefitFormClient = ({
       } finally {
         form.reset(data);
         setIsLoading(false);
+        router.refresh();
       }
     };
 

app/home/[account]/billing/_components/health-benefit-form.tsx

@@ -32,8 +32,8 @@ const HealthBenefitForm = async ({
         </div>
       </div>
       
-      <div className="flex flex-row gap-6">
-        <div className="border-border w-1/3 rounded-lg border">
+      <div className="flex flex-col-reverse sm:flex-row gap-6">
+        <div className="border-border w-full sm:w-1/3 rounded-lg border">
           <div className="p-6">
             <div className="flex h-16 w-16 items-center justify-center rounded-full bg-orange-100">
               <PiggyBankIcon className="h-[32px] w-[32px] stroke-orange-400 stroke-2" />