diff --git a/src/content/learn/manipulating-the-dom-with-refs.md b/src/content/learn/manipulating-the-dom-with-refs.md
index 2d1ee86851d..eb4fd50484b 100644
--- a/src/content/learn/manipulating-the-dom-with-refs.md
+++ b/src/content/learn/manipulating-the-dom-with-refs.md
@@ -166,6 +166,8 @@ export default function CatFriends() {
 ```css
 div {
   width: 100%;
+  max-width: 400px;
+  margin: 0 auto;
   overflow: hidden;
 }