diff --git a/packages/common/components/Section/sub-components/section-body.js b/packages/common/components/Section/sub-components/section-body.js index 607eab5f77..47032628e9 100644 --- a/packages/common/components/Section/sub-components/section-body.js +++ b/packages/common/components/Section/sub-components/section-body.js @@ -17,11 +17,7 @@ import { const paddingStyles = css` padding: ${(props) => - props.settingsStudio - ? "0 7px 16px 20px" - : props.viewAs === "row" - ? "19px 3px 16px 16px" - : "19px 3px 16px 20px"}; + props.settingsStudio ? "0 7px 16px 20px" : "19px 3px 16px 20px"}; @media ${tablet} { padding: ${(props) => @@ -62,7 +58,12 @@ const commonStyles = css` .section-wrapper { ${(props) => !props.withScroll && - `display: flex; flex-direction: column; height: 100%; box-sizing:border-box`}; + css` + display: flex; + flex-direction: column; + height: 100%; + box-sizing: border-box; + `}; ${(props) => !props.withScroll && paddingStyles} } @@ -96,7 +97,6 @@ const commonStyles = css` props.viewAs === "row" && css` margin-top: -15px; - margin-right: 4px; `} } }