Merge pull request #316 from mlibrary/WEBSITE-165-Fix-bottom-padding-…

…on-image-and-text-panel-2 Fix bottom padding on image and text panel
mlibrary · Nov 12, 2024 · 5d83c9d · 5d83c9d
2 parents 28ce9e4 + 69c26e7
commit 5d83c9d
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/panels/index.js b/src/components/panels/index.js
@@ -429,10 +429,12 @@ const TextPanel = ({ data }) => {
             <section
               key={item + html}
               css={{
-                borderBottom: item === items.length - 1 ? 'none' : `solid 1px var(--color-neutral-100)`,
-                display: 'flex',
-                marginBottom: SPACING.L,
-                paddingBottom: SPACING.M
+                '& + &': {
+                  borderTop: 'solid 1px var(--color-neutral-100)',
+                  marginTop: SPACING.M,
+                  paddingTop: SPACING.L
+                },
+                display: 'flex'
               }}
             >
               <div