From e4cfbe282051da3223b3965822cf90d7f2eea5bb Mon Sep 17 00:00:00 2001
From: Sumit Modak <152054612+sumitpsm@users.noreply.github.com>
Date: Thu, 23 Jul 2026 10:26:51 +0530
Subject: [PATCH] prevent line breaking of sidebar-wrapper class element's
 data-node

```html
<div class="sidebar-wrapper" data-slot="sidebar-wrapper" style="
        --sidebar-width: 16rem;
        --sidebar-width-mobile: 18rem;
        --sidebar-width-icon: 3rem
        " data-node-hydration="2">
```
---
 preview/src/components/sidebar/component.rs | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/preview/src/components/sidebar/component.rs b/preview/src/components/sidebar/component.rs
index 365c11519..381ce4fac 100644
--- a/preview/src/components/sidebar/component.rs
+++ b/preview/src/components/sidebar/component.rs
@@ -236,11 +236,7 @@ pub fn SidebarProvider(
     });
 
     let sidebar_style = format!(
-        r#"
-        --dx-sidebar-width: {SIDEBAR_WIDTH};
-        --dx-sidebar-width-mobile: {SIDEBAR_WIDTH_MOBILE};
-        --dx-sidebar-width-icon: {SIDEBAR_WIDTH_ICON}
-        "#
+        r#"--dx-sidebar-width: {SIDEBAR_WIDTH}; --dx-sidebar-width-mobile: {SIDEBAR_WIDTH_MOBILE}; --dx-sidebar-width-icon: {SIDEBAR_WIDTH_ICON}"#
     );
 
     let base = attributes!(div {