diff --git a/packages/ui-toolkit/styleguide.config.js b/packages/ui-toolkit/styleguide.config.js
index 9255e8d2..1c481a43 100644
--- a/packages/ui-toolkit/styleguide.config.js
+++ b/packages/ui-toolkit/styleguide.config.js
@@ -73,26 +73,25 @@ module.exports = {
     {
       name: 'Components',
       components: () => [
-        'src/button/index.js',
         'src/breadcrumb/index.js',
+        'src/button/index.js',
         'src/card/card.js',
-        'src/form/input.js',
-        'src/form/number-input.js',
         'src/form/checkbox.js',
-        'src/dropdown/index.js',
+        'src/header/index.js',
+        'src/icon-button/index.js',
+        'src/icons/icons.js',
+        'src/form/input.js',
+        'src/message/index.js',
         'src/progress-bar/index.js',
         'src/form/radio.js',
-        'src/form/select.js',
-        'src/form/toggle.js',
-        'src/header/index.js',
         'src/section-list/index.js',
-        'src/topology/index.js',
-        'src/tooltip/tooltip.js',
-        'src/close-button/index.js',
-        'src/icon-button/index.js',
-        'src/message/index.js',
+        'src/form/select.js',
         'src/slider/index.js',
-        'src/icons/icons.js'
+        'src/form/toggle.js',
+        'src/topology/index.js',
+        'src/form/number-input.js',
+        'src/dropdown/index.js',
+        'src/tooltip/tooltip.js'
       ]
     }
   ],
@@ -114,7 +113,7 @@ module.exports = {
       h6: 12
     },
     fontFamily: {
-      base: '"Libre Franklin", -apple-system, cursive'
+      base: '"Libre Franklin", -apple-system, sans-serif'
     }
   },
   styles: {