diff --git a/Cargo.toml b/Cargo.toml
index 6b26d6c..5029193 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -13,10 +13,10 @@ license = "MIT"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-leptos = { version = "0.5.0-beta2",  features = ["csr"] }
+leptos = { version = "0.5.0-rc2",  features = ["csr"] }
 stylers = { git = "https://github.com/abishekatp/stylers", rev = "4bfd2df" }
 web-sys = { version = "0.3.62", features = ["DomRect"] }
-leptos_dom = { version = "0.5.0-beta2" }
+leptos_dom = { version = "0.5.0-rc2" }
 wasm-bindgen = "0.2.85"
 icondata = { version = "0.0.7", features = [
     "AiCloseOutlined",
diff --git a/gh-pages/Cargo.toml b/gh-pages/Cargo.toml
index 6087a27..53081b7 100644
--- a/gh-pages/Cargo.toml
+++ b/gh-pages/Cargo.toml
@@ -6,13 +6,13 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-leptos = { version = "0.5.0-beta2", features = ["csr"] }
+leptos = { version = "0.5.0-rc2", features = ["csr"] }
 melt-ui = { path = "../" }
 icondata = { version = "0.0.7", features = [
     "AiCloseOutlined",
     "AiCheckOutlined",
 ] }
-leptos_router = { version = "0.5.0-beta2", features = ["csr"] }
+leptos_router = { version = "0.5.0-rc2", features = ["csr"] }
 indoc = "2.0.1"
 regex = "1.8.2"
 leptos_devtools = { git = "https://github.com/luoxiaozero/leptos-devtools.git" }
diff --git a/src/layout/mod.rs b/src/layout/mod.rs
index 75523d5..80b15c9 100644
--- a/src/layout/mod.rs
+++ b/src/layout/mod.rs
@@ -35,7 +35,7 @@ pub fn Layout(
     let style = create_memo(move |_| {
         let mut style = style.get();
         if has_sider.get() {
-            style.push_str("display: flex; flex-wrap: nowrap; flex-direction: row; width: 100;%")
+            style.push_str("display: flex; flex-wrap: nowrap; flex-direction: row; width: 100%;")
         }
         style
     });