diff --git a/demo/analog-app/src/app/pages/index.page.ts b/demo/analog-app/src/app/pages/index.page.ts
index 0b73221..f3cd9ab 100644
--- a/demo/analog-app/src/app/pages/index.page.ts
+++ b/demo/analog-app/src/app/pages/index.page.ts
@@ -6,8 +6,8 @@ import { Component } from '@angular/core';
   template: `
     <div>
       <h1>Google</h1>
-      <p class="poppins">Poppins</p>
-      <p class="press-start">Press Start 2P</p>
+      <p class="google-poppins">Poppins</p>
+      <p class="google-press-start">Press Start 2P</p>
 
       <h1>Bunny</h1>
       <p class="bunny-aclonica">Aclonica</p>
diff --git a/demo/qwik-app/src/routes/index.tsx b/demo/qwik-app/src/routes/index.tsx
index 9d8031b..e154c56 100644
--- a/demo/qwik-app/src/routes/index.tsx
+++ b/demo/qwik-app/src/routes/index.tsx
@@ -1,5 +1,5 @@
-import type { DocumentHead } from '@qwik.dev/router';
 import { component$, useStyles$ } from '@qwik.dev/core';
+import type { DocumentHead } from '@qwik.dev/router';
 import styles from './index.css?inline';
 
 export default component$(() => {
@@ -8,8 +8,8 @@ export default component$(() => {
   return (
     <div>
       <h1>Google</h1>
-      <p class="poppins">Poppins</p>
-      <p class="press-start">Press Start 2P</p>
+      <p class="google-poppins">Poppins</p>
+      <p class="google-press-start">Press Start 2P</p>
 
       <h1>Bunny</h1>
       <p class="bunny-aclonica">Aclonica</p>
diff --git a/demo/react-app/src/App.tsx b/demo/react-app/src/App.tsx
index efdffb5..8e16843 100644
--- a/demo/react-app/src/App.tsx
+++ b/demo/react-app/src/App.tsx
@@ -4,8 +4,8 @@ function App() {
   return (
     <div>
       <h1>Google</h1>
-      <p className="poppins">Poppins</p>
-      <p className="press-start">Press Start 2P</p>
+      <p className="google-poppins">Poppins</p>
+      <p className="google-press-start">Press Start 2P</p>
 
       <h1>Bunny</h1>
       <p className="bunny-aclonica">Aclonica</p>
diff --git a/demo/remix-app/app/routes/_index.tsx b/demo/remix-app/app/routes/_index.tsx
index 8a20c09..17beb23 100644
--- a/demo/remix-app/app/routes/_index.tsx
+++ b/demo/remix-app/app/routes/_index.tsx
@@ -13,8 +13,8 @@ export default function Index() {
   return (
     <div>
       <h1>Google</h1>
-      <p className="poppins">Poppins</p>
-      <p className="press-start">Press Start 2P</p>
+      <p className="google-poppins">Poppins</p>
+      <p className="google-press-start">Press Start 2P</p>
 
       <h1>Bunny</h1>
       <p className="bunny-aclonica">Aclonica</p>
diff --git a/demo/solid-app/src/App.tsx b/demo/solid-app/src/App.tsx
index 62ddcaa..505ec41 100644
--- a/demo/solid-app/src/App.tsx
+++ b/demo/solid-app/src/App.tsx
@@ -4,8 +4,8 @@ function App() {
   return (
     <div>
       <h1>Google</h1>
-      <p class="poppins">Poppins</p>
-      <p class="press-start">Press Start 2P</p>
+      <p class="google-poppins">Poppins</p>
+      <p class="google-press-start">Press Start 2P</p>
 
       <h1>Bunny</h1>
       <p class="bunny-aclonica">Aclonica</p>
diff --git a/demo/svelte-app/src/App.svelte b/demo/svelte-app/src/App.svelte
index beb15a6..51d5888 100644
--- a/demo/svelte-app/src/App.svelte
+++ b/demo/svelte-app/src/App.svelte
@@ -1,8 +1,8 @@
 <main>
   <div>
     <h1>Google</h1>
-    <p class="poppins">Poppins</p>
-    <p class="press-start">Press Start 2P</p>
+    <p class="google-poppins">Poppins</p>
+    <p class="google-press-start">Press Start 2P</p>
 
     <h1>Bunny</h1>
     <p class="bunny-aclonica">Aclonica</p>
diff --git a/demo/vanilla-app/src/main.ts b/demo/vanilla-app/src/main.ts
index fa75ba7..e6c622b 100644
--- a/demo/vanilla-app/src/main.ts
+++ b/demo/vanilla-app/src/main.ts
@@ -3,8 +3,8 @@ import './style.css';
 document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
     <div>
       <h1>Google</h1>
-      <p class="poppins">Poppins</p>
-      <p class="press-start">Press Start 2P</p>
+      <p class="google-poppins">Poppins</p>
+      <p class="google-press-start">Press Start 2P</p>
 
       <h1>Bunny</h1>
       <p class="bunny-aclonica">Aclonica</p>
diff --git a/demo/vue-app/src/App.vue b/demo/vue-app/src/App.vue
index fa6d219..9065cab 100644
--- a/demo/vue-app/src/App.vue
+++ b/demo/vue-app/src/App.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <h1>Google</h1>
-    <p class="poppins">Poppins</p>
-    <p class="press-start">Press Start 2P</p>
+    <p class="google-poppins">Poppins</p>
+    <p class="google-press-start">Press Start 2P</p>
 
     <h1>Bunny</h1>
     <p class="bunny-aclonica">Aclonica</p>