diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index a267e3efb0..eb334f5bc6 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -1,4 +1,5 @@
 <link rel="stylesheet" href="https://unpkg.com/@patternfly/patternfly@4/patternfly.css" crossorigin />
+<link rel="stylesheet" href="https://unpkg.com/@patternfly/patternfly@4/patternfly-addons.css" crossorigin />
 <!-- <script src="https://unpkg.com/keycloak-js@10.0.1/dist/keycloak.min.js"></script> -->
 
 <script>
diff --git a/public/index.css b/public/index.css
index a854244e74..be5af8691c 100644
--- a/public/index.css
+++ b/public/index.css
@@ -1,5 +1,6 @@
 @import "@patternfly/patternfly/patternfly.min.css";
+@import "@patternfly/patternfly/patternfly-addons.css";
 
 .pf-c-brand {
   height: 35px;
-}
\ No newline at end of file
+}