diff --git a/lib/components/PageLayout/PageLayout.scss b/lib/components/PageLayout/PageLayout.scss
index 1ef157b2..549fca86 100644
--- a/lib/components/PageLayout/PageLayout.scss
+++ b/lib/components/PageLayout/PageLayout.scss
@@ -8,7 +8,7 @@
         flex-direction: column;
     }
 
-    &__left {
+    &__sidebar {
         display: flex;
         flex-direction: column;
     }
diff --git a/lib/components/PageLayout/index.tsx b/lib/components/PageLayout/index.tsx
index 8c73666d..f3d4685f 100644
--- a/lib/components/PageLayout/index.tsx
+++ b/lib/components/PageLayout/index.tsx
@@ -3,14 +3,14 @@ import { useDevice } from '../../hooks/useDevice';
 import './PageLayout.scss';
 
 type PageLayoutProps = {
-    left?: JSX.Element;
+    sidebar?: JSX.Element;
 };
 
-export const PageLayout: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({children, left}) => {
+export const PageLayout: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({children, sidebar}) => {
     const {isMobile} = useDevice();
 
     return <div className="derivs-page-layout">
-        {left && !isMobile && <div className="derivs-page-layout__left">{left}</div>}
+        {sidebar && !isMobile && <div className="derivs-page-layout__sidebar">{sidebar}</div>}
         {children && <div className="derivs-page-layout__content">{children}</div>}
     </div>
 }
\ No newline at end of file