{children}
@@ -168,27 +149,12 @@ const SectionBody = React.memo(
className="section-body"
>
{withScroll ? (
- currentDeviceType !== DeviceType.mobile ? (
-
-
- {children}
-
-
+
) : (
{children}
)}
diff --git a/packages/shared/components/section/sub-components/SectionContainer.tsx b/packages/shared/components/section/sub-components/SectionContainer.tsx
index e9e508ef7e..4d9512163c 100644
--- a/packages/shared/components/section/sub-components/SectionContainer.tsx
+++ b/packages/shared/components/section/sub-components/SectionContainer.tsx
@@ -25,14 +25,33 @@
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
import React from "react";
+
+import { Scrollbar } from "../../scrollbar";
+import { DeviceType } from "../../../enums";
+
import { StyledSectionContainer } from "../Section.styled";
import { SectionContainerProps } from "../Section.types";
const SectionContainer = React.forwardRef<
HTMLDivElement,
SectionContainerProps
->((props, forwardRef) => {
- return
;
+>(({ withBodyScroll, children, currentDeviceType, ...props }, forwardRef) => {
+ return (
+
+ {withBodyScroll && currentDeviceType !== DeviceType.mobile ? (
+
+ {children}
+
+ ) : (
+ children
+ )}
+
+ );
});
SectionContainer.displayName = "SectionContainer";