[ProfileMenu] Fix the TopCorner style (#2632)

microsoft · Sep 9, 2024 · 7b3b98d · 7b3b98d
1 parent 0c8cfa1
commit 7b3b98d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/Core/Components/ProfileMenu/FluentProfileMenu.razor.css b/src/Core/Components/ProfileMenu/FluentProfileMenu.razor.css
@@ -14,14 +14,16 @@
         display: none;
     }
 
-    .fluent-profile-menu[top-corner] ::deep fluent-anchored-region {
+    .fluent-profile-menu[top-corner] ::deep + div + fluent-anchored-region {
         transform: unset !important;
         left: unset;
         right: -4px;
+        top: 32px;
     }
 
-[dir="rtl"] .fluent-profile-menu[top-corner] ::deep fluent-anchored-region {
+[dir="rtl"] .fluent-profile-menu[top-corner] ::deep + div + fluent-anchored-region {
     transform: unset !important;
     left: -4px;
     right: unset;
+    top: 32px;
 }