diff --git a/docs/assets/scripts/code-examples.js b/docs/assets/scripts/code-examples.js
index daa4d732c..967bffc1b 100644
--- a/docs/assets/scripts/code-examples.js
+++ b/docs/assets/scripts/code-examples.js
@@ -22,7 +22,7 @@ document.addEventListener('click', event => {
       `<link rel="stylesheet" href="${cdnUrl}styles/webawesome.css">\n` +
       `<link rel="stylesheet" href="${cdnUrl}styles/utilities.css">\n\n` +
       `${code.textContent}`;
-    const css = 'html > body {\n  font: 16px sans-serif;\n  padding: 2rem;\n}';
+    const css = 'html > body {\n  padding: 2rem !important;\n}';
     const js = '';
 
     const form = document.createElement('form');
diff --git a/src/components/code-demo/code-demo.ts b/src/components/code-demo/code-demo.ts
index 054a25868..05f8b4f04 100644
--- a/src/components/code-demo/code-demo.ts
+++ b/src/components/code-demo/code-demo.ts
@@ -254,7 +254,7 @@ export default class WaCodeDemo extends WebAwesomeElement {
    */
   public edit() {
     const markup = this.getDemoHTML({ isolated: true, absolutize: true, prettyWhitespace: true });
-    const css = 'body {\n  font: 16px sans-serif;\n  padding: 2rem;\n}';
+    const css = 'body {\n  padding: 2rem !important;\n}';
     const js = '';
 
     const form = Object.assign(document.createElement('form'), {