diff --git a/packages/autocomplete/src/examples/autocomplete.md b/packages/autocomplete/src/examples/autocomplete.md
index 089cb15a5c8..200b3e9ac3c 100644
--- a/packages/autocomplete/src/examples/autocomplete.md
+++ b/packages/autocomplete/src/examples/autocomplete.md
@@ -177,7 +177,7 @@ initialState = {
}
})}
>
-
+
{getMatchingMenuItems(
state.inputValue,
state.selectedKeys,
diff --git a/utils/styleguide/styleguide.base.config.js b/utils/styleguide/styleguide.base.config.js
index c580e81f41e..8f7b6d9783a 100644
--- a/utils/styleguide/styleguide.base.config.js
+++ b/utils/styleguide/styleguide.base.config.js
@@ -11,7 +11,8 @@ const {
zdColorBlue600,
zdColorGrey100,
zdColorKale400,
- zdColorRed600
+ zdColorRed600,
+ zdFontSizeMd
} = require('@zendeskgarden/css-variables');
const packageManifest = require(path.resolve('package.json'));
const customStyleguideConfig = require(path.resolve('styleguide.config.js'));
@@ -46,6 +47,13 @@ const defaultStyleguideConfig = {
type: zdColorRed600
}
},
+ styles: {
+ StyleGuide: {
+ '@global body': {
+ fontSize: zdFontSizeMd
+ }
+ }
+ },
template: {
lang: 'en',
head: {