diff --git a/app/assets/stylesheets/component_guide/application.scss b/app/assets/stylesheets/component_guide/application.scss
index ed9a86273a..b29d28f6c4 100644
--- a/app/assets/stylesheets/component_guide/application.scss
+++ b/app/assets/stylesheets/component_guide/application.scss
@@ -240,6 +240,7 @@ $gem-guide-border-width: 1px;
 // Preview Page Styling
 html {
   background: govuk-colour("white");
+  font-family: $govuk-font-family;
 }
 
 .hide-header-and-footer {