diff --git a/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt b/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt
index dd4dfe7986..3c19452750 100644
--- a/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt
+++ b/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt
@@ -47,6 +47,19 @@ object AppStyleSheet: StyleSheet() {
             position(Position.Relative)
             paddingBottom(86.66.percent)
         }
+
+        "div" style {
+            position(Position.Absolute)
+            width(50.percent)
+            property("font-size", "calc(15vw/var(--columns))")
+            property("transform", "skewy(-30deg)")
+            marginTop(14.percent)
+            padding(3.percent)
+        }
+
+        "p" style {
+            fontSize(2.em)
+        }
     }
 }
 
diff --git a/examples/web_grid_animation/src/jsMain/resources/app.css b/examples/web_grid_animation/src/jsMain/resources/app.css
index 2b53314947..fc62ff2d8c 100644
--- a/examples/web_grid_animation/src/jsMain/resources/app.css
+++ b/examples/web_grid_animation/src/jsMain/resources/app.css
@@ -26,18 +26,6 @@ li:before{
   background-size: 40%;
   background-repeat: no-repeat;
 }
-div{
-  position: absolute;
-  width: 50%;
-  font-size: calc(15vw/var(--columns));
-  transform: skewy(-30deg);
-  margin-top: 14%;
-  padding: 3%;
-}
-
-p{
-  font-size: 2em;
-}
 
 li > img{
   position: absolute;