diff --git a/src/components/UserMenu/UserMenu.css b/src/components/UserMenu/UserMenu.css
index 89fadbec..e7d190a9 100644
--- a/src/components/UserMenu/UserMenu.css
+++ b/src/components/UserMenu/UserMenu.css
@@ -5,6 +5,12 @@
outline: none;
}
+.dcl .user-menu-loader {
+ display: flex;
+ align-items: center;
+ height: 100%;
+}
+
.dcl .user-menu__jump-in {
padding: 14px 32px;
margin-left: 24px;
diff --git a/src/components/UserMenu/UserMenu.stories.css b/src/components/UserMenu/UserMenu.stories.css
index b85cba0d..c1c3da48 100644
--- a/src/components/UserMenu/UserMenu.stories.css
+++ b/src/components/UserMenu/UserMenu.stories.css
@@ -1,14 +1,16 @@
.usermenu-story-container {
- position: absolute;
- top: 100px;
- right: 100px;
- height: 100vh;
- width: 100%;
+ width: 500px;
+ padding: 10px;
+ border: 2px solid #7c7777;
+ border-radius: 5px;
}
@media (max-width: 991px) {
.usermenu-story-container {
+ position: absolute;
+ height: 400px;
+ width: 100vw;
+ top: 100px;
left: 0;
- right: 0;
}
}
diff --git a/src/components/UserMenu/UserMenu.stories.tsx b/src/components/UserMenu/UserMenu.stories.tsx
index 2b30d869..688926b6 100644
--- a/src/components/UserMenu/UserMenu.stories.tsx
+++ b/src/components/UserMenu/UserMenu.stories.tsx
@@ -23,6 +23,16 @@ storiesOf('UserMenu', module)