From 2d07d39ac54e4bddcb922b64a81a9a7224c49616 Mon Sep 17 00:00:00 2001
From: "Aman Kumar [SSW]" <71385247+amankumarrr@users.noreply.github.com>
Date: Fri, 4 Oct 2024 10:31:13 +1000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84Fixing=20mobile=20view=20for=20term?=
 =?UTF-8?q?s=20and=20condition=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Affected Route: `/terms-and-conditions`

Screenshot:
TODO
---
 components/blocks/tableLayout.tsx                 | 2 +-
 components/terms-and-conditions/agreementForm.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/blocks/tableLayout.tsx b/components/blocks/tableLayout.tsx
index c058e07c91..a2cb8ba27d 100644
--- a/components/blocks/tableLayout.tsx
+++ b/components/blocks/tableLayout.tsx
@@ -32,7 +32,7 @@ export const TableLayout = ({ data }: { data: TableLayoutProps }) => {
   return (
     <div
       className={classNames(
-        "not-prose descendant-th:border-1 descendant-th:border-gray-75 descendant-th:py-2 descendant-th:pl-2 descendant-td:border-y-1 descendant-td:py-1.5 descendant-td:pl-2",
+        "not-prose overflow-x-auto descendant-th:border-1 descendant-th:border-gray-75 descendant-th:py-2 descendant-th:pl-2 descendant-td:border-y-1 descendant-td:py-1.5 descendant-td:pl-2",
         tableStyles[data.tableStyle]
       )}
     >
diff --git a/components/terms-and-conditions/agreementForm.tsx b/components/terms-and-conditions/agreementForm.tsx
index 772a46ab2e..54217fb185 100644
--- a/components/terms-and-conditions/agreementForm.tsx
+++ b/components/terms-and-conditions/agreementForm.tsx
@@ -7,7 +7,7 @@ export const AgreementForm = ({ data }) => {
   const sectionColorCss =
     sectionColors[data.backgroundColor] || sectionColors.default;
   return (
-    <div>
+    <>
       <div className={classnames("pagebreak my-10 p-8", sectionColorCss)}>
         {data.fields.map((field) => (
           <FormField
@@ -31,7 +31,7 @@ export const AgreementForm = ({ data }) => {
           Print and sign
         </button>
       </div>
-    </div>
+    </>
   );
 };
 
@@ -40,7 +40,7 @@ const FormField = ({ label, id, placeholder, resizeable }) => {
 
   return (
     <div className="relative inline-block w-full pb-3 md:flex">
-      <div className="w-96 py-2.5 pr-2 text-left font-bold sm:grow-0 md:text-right">
+      <div className="py-2.5 pr-2 text-left font-bold sm:grow-0 md:text-right">
         <label className="mb-1" htmlFor={id}>
           {label}
         </label>