diff --git a/superset-frontend/src/features/home/LanguagePicker.tsx b/superset-frontend/src/features/home/LanguagePicker.tsx index 039f1e19489..7988b09ed40 100644 --- a/superset-frontend/src/features/home/LanguagePicker.tsx +++ b/superset-frontend/src/features/home/LanguagePicker.tsx @@ -79,6 +79,7 @@ export const useLanguageMenuItems = ({ ), icon: , children: items, + className: 'submenu-with-caret', popupClassName: 'language-picker-popup', }; }, [languages, locale]); diff --git a/superset-frontend/src/features/home/RightMenu.tsx b/superset-frontend/src/features/home/RightMenu.tsx index 426603ff8a0..d888467c727 100644 --- a/superset-frontend/src/features/home/RightMenu.tsx +++ b/superset-frontend/src/features/home/RightMenu.tsx @@ -577,6 +577,7 @@ const RightMenu = ({ data-test="new-dropdown-icon" /> ), + className: 'submenu-with-caret', icon: , children: buildNewDropdownItems(), ...{ 'data-test': 'new-dropdown' }, @@ -596,6 +597,7 @@ const RightMenu = ({ label: t('Settings'), icon: , children: buildSettingsMenuItems(), + className: 'submenu-with-caret', }); return items; @@ -680,6 +682,15 @@ const RightMenu = ({ display: flex; flex-direction: row; align-items: center; + + .submenu-with-caret { + padding: 0 ${theme.paddingSM}px; + .ant-menu-submenu-title { + display: flex; + gap: ${theme.sizeUnit * 2}px; + flex-direction: row-reverse; + } + } `} selectable={false} mode="horizontal" diff --git a/superset-frontend/src/hooks/useThemeMenuItems.tsx b/superset-frontend/src/hooks/useThemeMenuItems.tsx index dfea58caf24..9c28be65dfb 100644 --- a/superset-frontend/src/hooks/useThemeMenuItems.tsx +++ b/superset-frontend/src/hooks/useThemeMenuItems.tsx @@ -134,6 +134,7 @@ export const useThemeMenuItems = ({ key: 'theme-sub-menu', label: selectedThemeModeIcon, icon: , + className: 'submenu-with-caret', children, }; };