diff --git a/packages/primitives/yew/aspect-ratio/src/aspect_ratio.rs b/packages/primitives/yew/aspect-ratio/src/aspect_ratio.rs
index 05b1eb48..83cc571a 100644
--- a/packages/primitives/yew/aspect-ratio/src/aspect_ratio.rs
+++ b/packages/primitives/yew/aspect-ratio/src/aspect_ratio.rs
@@ -64,7 +64,7 @@ pub fn AspectRatio(props: &AspectRatioProps) -> Html {
                 ("position", "relative"),
                 // Width ensures padding bottom trick maths works.
                 ("width", "100%"),
-                ("padding-bottom", &(100.0 / props.ratio).to_string()),
+                ("padding-bottom", &format!("{}%", 100.0 / props.ratio)),
             ])}
         >
             if let Some(as_child) = props.as_child.as_ref() {