diff --git a/packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RepeatGroupView.tsx b/packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RepeatGroupView.tsx
index be81c66ed..122def577 100644
--- a/packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RepeatGroupView.tsx
+++ b/packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RepeatGroupView.tsx
@@ -137,7 +137,7 @@ function RepeatGroupView(props: RepeatGroupViewProps) {
       cardElevation={groupCardElevation}
       isRepeated={true}
       style={parentStyles || undefined}>
-      <Card elevation={groupCardElevation} sx={{ p: 3, py: 1.5, mt: 2.5 }}>
+      <Card elevation={groupCardElevation} sx={{ p: 3, py: 1.5, mb: 2.5 }}>
         {showGroupHeading ? (
           <>
             <GroupHeading
diff --git a/packages/smart-forms-renderer/src/components/FormComponents/RepeatItem/RepeatItem.styles.tsx b/packages/smart-forms-renderer/src/components/FormComponents/RepeatItem/RepeatItem.styles.tsx
index 36834d3a3..95d9bf897 100644
--- a/packages/smart-forms-renderer/src/components/FormComponents/RepeatItem/RepeatItem.styles.tsx
+++ b/packages/smart-forms-renderer/src/components/FormComponents/RepeatItem/RepeatItem.styles.tsx
@@ -24,7 +24,8 @@ export const RepeatRemoveTooltip = styled(Tooltip)(() => ({
 }));
 
 export const RepeatItemContainerStack = styled(Stack)(() => ({
-  alignItems: 'center'
+  alignItems: 'center',
+  marginBottom: 8
 }));
 
 export const RepeatGroupContainerStack = styled(Stack)(() => ({