diff --git a/src/components/PageWrappers/SidebarsWrapper.tsx b/src/components/PageWrappers/SidebarsWrapper.tsx
new file mode 100644
index 00000000..9429d7d4
--- /dev/null
+++ b/src/components/PageWrappers/SidebarsWrapper.tsx
@@ -0,0 +1,32 @@
+import { ReactNode } from 'react'
+import { XStack } from 'tamagui'
+
+import LeftSidebar from '../General/LeftSidebar/LeftSidebar'
+import RightSidebar from '../General/RightSideBar/RightSidebar'
+import styles from './sidebars-wrapper.module.css'
+
+type SidebarsWrapperProps = {
+  children: ReactNode
+  isNotLeftSideBar?: boolean
+  isNotRightSideBar?: boolean
+}
+
+const SidebarsWrapper = ({
+  children,
+  isNotLeftSideBar,
+  isNotRightSideBar,
+}: SidebarsWrapperProps) => {
+  return (
+    <XStack style={{ height: '100vh' }}>
+      {!isNotLeftSideBar && <LeftSidebar />}
+      {children}
+      {!isNotRightSideBar && (
+        <div className={styles['right-sidebar-wrapper']}>
+          <RightSidebar />
+        </div>
+      )}
+    </XStack>
+  )
+}
+
+export default SidebarsWrapper