diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index d5903b6..485c66e 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -3,7 +3,23 @@
padding: 0;
}
- body:not(.kcBodyClass) {
- background-color: #393939;
+ /* Following styles are just meant to avoid white flash when switching from one story to another */
+ @keyframes fadeToTransparent {
+ from {
+ background-color: #393939;
+ }
+
+ to {
+ background-color: transparent;
+ }
+ }
+ html {
+ animation: fadeToTransparent 500ms forwards ease-in;
+ }
+ body>.sb-preparing-docs {
+ visibility: hidden;
+ }
+ body>.sb-preparing-story {
+ visibility: hidden;
}
\ No newline at end of file