[polish] Fix bottom-most button not having a right-anchored popover

elastic · Aug 4, 2023 · 17b8c62 · 17b8c62
1 parent 0fce843
commit 17b8c62
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/collapsible_nav_beta/collapsible_nav_beta.styles.ts b/src/components/collapsible_nav_beta/collapsible_nav_beta.styles.ts
@@ -15,6 +15,10 @@ export const euiCollapsibleNavBetaStyles = (euiThemeContext: UseEuiTheme) => {
 
   return {
     euiCollapsibleNavBeta: css`
+      /* This extra padding is needed for EuiPopovers to have enough
+         space to render with the right anchorPosition */
+      ${logicalCSS('padding-bottom', euiTheme.size.xs)}
+
       .euiFlyoutFooter {
         background-color: ${euiTheme.colors.emptyShade};
         ${logicalCSS('border-top', euiTheme.border.thin)}