From 1195ee0559fa64045bf2a5de7df132c793c952cc Mon Sep 17 00:00:00 2001
From: Sean Fong <sean.fong@csiro.au>
Date: Wed, 18 Sep 2024 23:13:37 +0930
Subject: [PATCH] Fix renderer background to be #fafafa

---
 apps/smart-forms-app/src/theme/palette.ts      |  2 +-
 .../components/Renderer/FormTopLevelItem.tsx   | 18 ++++++++++--------
 .../BuildFormButtonForStorybook.tsx            |  2 +-
 .../smart-forms-renderer/src/theme/palette.ts  |  4 ----
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/apps/smart-forms-app/src/theme/palette.ts b/apps/smart-forms-app/src/theme/palette.ts
index 47e39ed46..b45aec04c 100644
--- a/apps/smart-forms-app/src/theme/palette.ts
+++ b/apps/smart-forms-app/src/theme/palette.ts
@@ -80,7 +80,7 @@ const palette: PaletteOptions = {
   },
   background: {
     paper: '#fff',
-    default: grey['50']
+    default: '#fafafa'
   },
   customBackground: {
     neutral: '#F4F6F8'
diff --git a/packages/smart-forms-renderer/src/components/Renderer/FormTopLevelItem.tsx b/packages/smart-forms-renderer/src/components/Renderer/FormTopLevelItem.tsx
index 90ce6230e..4fcd3459c 100644
--- a/packages/smart-forms-renderer/src/components/Renderer/FormTopLevelItem.tsx
+++ b/packages/smart-forms-renderer/src/components/Renderer/FormTopLevelItem.tsx
@@ -175,14 +175,16 @@ function FormTopLevelItem(props: FormTopLevelItemProps) {
   const itemRepeatsAndIsNotCheckbox = isRepeatItemAndNotCheckbox(topLevelQItem);
   if (itemRepeatsAndIsNotCheckbox) {
     return (
-      <RepeatItem
-        key={topLevelQItem.linkId}
-        qItem={topLevelQItem}
-        qrItem={topLevelQRItem}
-        groupCardElevation={1}
-        parentIsReadOnly={readOnly}
-        onQrItemChange={onQrItemChange}
-      />
+      <Box mt={1}>
+        <RepeatItem
+          key={topLevelQItem.linkId}
+          qItem={topLevelQItem}
+          qrItem={topLevelQRItem}
+          groupCardElevation={1}
+          parentIsReadOnly={readOnly}
+          onQrItemChange={onQrItemChange}
+        />
+      </Box>
     );
   }
 
diff --git a/packages/smart-forms-renderer/src/stories/storybookWrappers/BuildFormButtonForStorybook.tsx b/packages/smart-forms-renderer/src/stories/storybookWrappers/BuildFormButtonForStorybook.tsx
index dfbd67a12..003d627af 100644
--- a/packages/smart-forms-renderer/src/stories/storybookWrappers/BuildFormButtonForStorybook.tsx
+++ b/packages/smart-forms-renderer/src/stories/storybookWrappers/BuildFormButtonForStorybook.tsx
@@ -44,7 +44,7 @@ function BuildFormButtonForStorybook(props: BuildFormButtonProps) {
     <Box display="flex" mb={0.5} alignItems="center" columnGap={3}>
       <Tooltip title="Build form with questionnaire response" placement="right">
         <IconButton onClick={handleBuildForm} size="small" color="primary">
-          <Iconify icon="ph:hammer" sx={{ mb: 0.5 }} />
+          <Iconify icon="ph:hammer" />
         </IconButton>
       </Tooltip>
     </Box>
diff --git a/packages/smart-forms-renderer/src/theme/palette.ts b/packages/smart-forms-renderer/src/theme/palette.ts
index 941e9ccd4..9b73857ff 100644
--- a/packages/smart-forms-renderer/src/theme/palette.ts
+++ b/packages/smart-forms-renderer/src/theme/palette.ts
@@ -77,10 +77,6 @@ const palette: PaletteOptions = {
     secondary: grey['600'],
     disabled: grey['500']
   },
-  background: {
-    paper: '#fff',
-    default: grey['50']
-  },
   customBackground: {
     neutral: '#F4F6F8'
   },