Add accordion spacing styles to bodywrapper

Author: DanielCliftonGuardian

dotcom-rendering/src/components/KeyEventsCarousel.importable.tsx

@@ -31,12 +31,17 @@ const carouselStyles = css`
 	scroll-behavior: smooth;
 	overflow-x: auto;
 	overflow-y: hidden;
+	margin-right: -10px;
 	scrollbar-width: none;
 	&::-webkit-scrollbar {
 		display: none;
 	}
+	${from.tablet} {
+		margin-right: -20px;
+	}
 
 	${from.desktop} {
+		margin-right: 0px;
 		background-color: ${palette('--key-event-background-desktop')};
 	}
 `;

dotcom-rendering/src/layouts/LiveLayout.tsx

@@ -217,8 +217,17 @@ const sidePaddingDesktop = css`
 const bodyWrapper = css`
 	position: relative;
 	margin-bottom: ${space[3]}px;
+	padding: ${space[3]}px;
+	overflow: hidden;
+
+	${from.mobileLandscape} {
+		padding: ${space[3]}px ${space[5]}px;
+	}
+
 	${from.desktop} {
 		margin-bottom: 0;
+		padding: 0;
+		overflow: visible;
 	}
 `;