diff --git a/.github/renovate.json b/.github/renovate.json
new file mode 100644
index 00000000..8e2b279d
--- /dev/null
+++ b/.github/renovate.json
@@ -0,0 +1,3 @@
+{
+    "extends": ["config:recommended", "schedule:weekly", ":prConcurrentLimitNone", ":prHourlyLimitNone"]
+}
diff --git a/packages/primitives/leptos/popper/example/src/app.rs b/packages/primitives/leptos/popper/example/src/app.rs
index 16f762b0..d8dc8222 100644
--- a/packages/primitives/leptos/popper/example/src/app.rs
+++ b/packages/primitives/leptos/popper/example/src/app.rs
@@ -2,6 +2,8 @@ use leptos::*;
 use radix_leptos_popper::*;
 use tailwind_fuse::*;
 
+// TODO: add router and separate pages for each component, similar to Storybook
+
 #[component]
 pub fn App() -> impl IntoView {
     view! {
@@ -39,6 +41,31 @@ fn Styled() -> impl IntoView {
     }
 }
 
+#[component]
+fn WithCustomArrow() -> impl IntoView {
+    view! {}
+}
+
+#[component]
+fn Animated() -> impl IntoView {
+    view! {}
+}
+
+#[component]
+fn WithPortal() -> impl IntoView {
+    view! {}
+}
+
+#[component]
+fn WithUpdatePositionStrategyAlways() -> impl IntoView {
+    view! {}
+}
+
+#[component]
+fn Chromatic() -> impl IntoView {
+    view! {}
+}
+
 #[component]
 fn Scrollable(children: Children) -> impl IntoView {
     // TODO: figure out how the 200vh works in the stories
diff --git a/packages/primitives/leptos/popper/src/popper.rs b/packages/primitives/leptos/popper/src/popper.rs
index f5545925..fa9edfd1 100644
--- a/packages/primitives/leptos/popper/src/popper.rs
+++ b/packages/primitives/leptos/popper/src/popper.rs
@@ -302,18 +302,15 @@ pub fn PopperContent(
     view! {
         <div
             _ref={floating_ref}
-            style:position=move || match floating_styles().position {
-                Strategy::Absolute => "absolute",
-                Strategy::Fixed => "fixed",
-            }
-            style:top=move || floating_styles().top
-            style:left=move || floating_styles().left
+            style:position=move || floating_styles().style_position()
+            style:top=move || floating_styles().style_top()
+            style:left=move || floating_styles().style_left()
             style:transform=move || match is_positioned() {
-                true => floating_styles().transform,
+                true => floating_styles().style_transform(),
                 // Keep off the page when measuring
                 false => Some("translate(0, -200%)".into())
             }
-            style:will-change=move || floating_styles().will_change
+            style:will-change=move || floating_styles().style_will_change()
             style:min-width="max-content"
             style:z-index=content_z_index
             style=("--radix-popper-transform-origin", transform_origin)