Fix ProfileMenu alignment

sumup-oss · Nov 14, 2023 · 125233b · 125233b
1 parent 148a4dc
commit 125233b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/smart-glasses-heal.md b/.changeset/smart-glasses-heal.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Fixed the alignment of the ProfileMenu.
diff --git a/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.module.css b/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.module.css
@@ -10,7 +10,8 @@
 }
 
 .details {
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 
 @media (min-width: 768px) {
@@ -43,7 +44,7 @@
     transition: transform var(--cui-transitions-default);
   }
 
-  button[aria-expanded='true'] .chevron {
+  button[aria-expanded="true"] .chevron {
     transform: rotate(180deg);
   }
 }