diff --git a/src/typography.pr b/src/typography.pr
index 03110d4..f4a7f00 100644
--- a/src/typography.pr
+++ b/src/typography.pr
@@ -7,10 +7,14 @@ and their value rendered using `rendered-color` blueprint
 *}
 {[ let brand = ds.currentBrand() /]}
 {[ const allTokens = ds.tokensByType("Typography", brand.id) /]}
+@layer utilities {
+
 {[ for token in allTokens ]}
 {[ if !token.referencedToken ]}
-{[ inject "rendered-token-class" context { "token": token, "allTokens": allTokens } /]} 
+  {[ inject "rendered-token-class" context { "token": token, "allTokens": allTokens } /]} 
 
 
 {[/]}
 {[/]}
+
+}
\ No newline at end of file