diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx index e1f73ce5fce4..b1d0de5f6b47 100644 --- a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx +++ b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx @@ -111,7 +111,7 @@ export const VizTile = ({ ${isActive && css` width: 100%; - background-color: ${theme.colorBgContainer}; + background-color: ${theme.colorBgLayout}; transition: width ${TILE_TRANSITION_TIME} ease-out, background-color ${TILE_TRANSITION_TIME} ease-out; diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx index dbea04c27a3e..75907090e3a9 100644 --- a/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx +++ b/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx @@ -16,7 +16,7 @@ * specific language governing permissions and limitations * under the License. */ -import { VizType } from '@superset-ui/core'; +import { VizType, css } from '@superset-ui/core'; import { Icons } from '@superset-ui/core/components/Icons'; import { VizMeta } from './types'; @@ -33,7 +33,17 @@ export const FEATURED_CHARTS: VizMeta[] = [ { name: VizType.Table, icon: }, { name: VizType.BigNumberTotal, - icon: , + icon: ( + + ), }, { name: VizType.Pie, icon: }, ]; diff --git a/superset-frontend/src/features/home/RightMenu.tsx b/superset-frontend/src/features/home/RightMenu.tsx index d888467c7274..3af7172d9a89 100644 --- a/superset-frontend/src/features/home/RightMenu.tsx +++ b/superset-frontend/src/features/home/RightMenu.tsx @@ -684,12 +684,15 @@ const RightMenu = ({ align-items: center; .submenu-with-caret { - padding: 0 ${theme.paddingSM}px; + padding: 0 ${theme.sizeUnit}px; .ant-menu-submenu-title { display: flex; gap: ${theme.sizeUnit * 2}px; flex-direction: row-reverse; } + &.ant-menu-submenu::after { + inset-inline: ${theme.sizeUnit}px; + } } `} selectable={false}