From f46de50f17efb271b8e12f72deb4f36fece4d01d Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 17 Dec 2025 23:03:57 +0200
Subject: [PATCH] refactor(layout/right_pane): CSS for container

---
 apps/client/src/widgets/sidebar/RightPanelContainer.css | 3 +++
 apps/client/src/widgets/sidebar/RightPanelContainer.tsx | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 apps/client/src/widgets/sidebar/RightPanelContainer.css

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>
     );