diff --git a/apps/client/src/widgets/sidebar/RightPanelContainer.css b/apps/client/src/widgets/sidebar/RightPanelContainer.css
new file mode 100644
index 000000000..65cff510e
--- /dev/null
+++ b/apps/client/src/widgets/sidebar/RightPanelContainer.css
@@ -0,0 +1,3 @@
+body.experimental-feature-new-layout #right-pane {
+    width: 300px;
+}
diff --git a/apps/client/src/widgets/sidebar/RightPanelContainer.tsx b/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
index fc379c5a9..b00386a10 100644
--- a/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
+++ b/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
@@ -1,8 +1,9 @@
 //! This is currently only used for the new layout.
+import "./RightPanelContainer.css";
 
 export default function RightPanelContainer() {
     return (
-        <div id="right-pane" style={{ width: 300 }}>
+        <div id="right-pane">
             Hi there.
         </div>
     );