diff --git a/examples/realworld/ext/style.css b/examples/realworld/ext/style.css
new file mode 100644
index 0000000000..df48d66708
--- /dev/null
+++ b/examples/realworld/ext/style.css
@@ -0,0 +1,9 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/examples/realworld/src/client/MainPage.js b/examples/realworld/src/client/MainPage.js
index 8fa9031116..407afe1bde 100644
--- a/examples/realworld/src/client/MainPage.js
+++ b/examples/realworld/src/client/MainPage.js
@@ -21,6 +21,8 @@ import Navbar from './Navbar'
 import ArticleListPaginated from './article/components/ArticleListPaginated'
 import addWaspSourceHeader from './addWaspSourceHeader'
 
+import './style.css'
+
 const MainPage = () => {
   const { data: me } = useAuth()
 
diff --git a/examples/thoughts/src/client/Main.css b/examples/thoughts/src/client/Main.css
index 88bcc79feb..fce71b91a1 100644
--- a/examples/thoughts/src/client/Main.css
+++ b/examples/thoughts/src/client/Main.css
@@ -4,6 +4,14 @@
     box-sizing: border-box;
 }
 
+body {
+    margin: 0;
+    padding: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+      sans-serif;
+  }
+
 button.plain {
     border: none;
     outline: none;
diff --git a/examples/waspello/src/client/Main.css b/examples/waspello/src/client/Main.css
index 04fb3301a1..104fbbcc59 100644
--- a/examples/waspello/src/client/Main.css
+++ b/examples/waspello/src/client/Main.css
@@ -4,6 +4,14 @@
   box-sizing: border-box;
 }
 
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+      sans-serif;
+}
+
 .container {
   min-height: 100vh;
   display: flex;
diff --git a/examples/waspleau/src/client/style.css b/examples/waspleau/src/client/style.css
index 536bfe248b..591ac21276 100644
--- a/examples/waspleau/src/client/style.css
+++ b/examples/waspleau/src/client/style.css
@@ -1,3 +1,13 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 .container {
   margin: 40px;
 }