diff --git a/clients/admin-ui/src/features/common/nav/NavMenu.tsx b/clients/admin-ui/src/features/common/nav/NavMenu.tsx
index afda4eb828..566168439c 100644
--- a/clients/admin-ui/src/features/common/nav/NavMenu.tsx
+++ b/clients/admin-ui/src/features/common/nav/NavMenu.tsx
@@ -1,4 +1,4 @@
-import { AntMenu as Menu, Icons } from "fidesui";
+import { AntMenu as Menu } from "fidesui";
import { ComponentProps } from "react";
import styles from "./NavMenu.module.scss";
@@ -10,12 +10,6 @@ export const NavMenu = ({ className, ...props }: MenuProps) => (
mode="inline"
theme="dark"
inlineIndent={8}
- expandIcon={
-
- {/* The wrapper div is required otherwise the size of the icon is ignored */}
-
-
- }
{...props}
className={`${styles.menu} ${className}`}
/>
diff --git a/clients/admin-ui/src/theme/global.scss b/clients/admin-ui/src/theme/global.scss
index 9bcf446d07..388e5a7445 100644
--- a/clients/admin-ui/src/theme/global.scss
+++ b/clients/admin-ui/src/theme/global.scss
@@ -54,3 +54,18 @@ h6 {
color: var(--fidesui-minos);
}
}
+
+.ant-menu {
+ .ant-menu-submenu-arrow {
+ // Remove rounding from submenu arrow
+ // to better match the style Carbon icons
+ --ant-border-radius: 0px;
+
+ // fix missing pixel in the arrow icon
+ // (it's the same width as ant only changing 0.6 to 0.65 here)
+ &::before,
+ &::after {
+ width: calc(calc(var(--ant-font-size) / 7 * 5) * 0.65);
+ }
+ }
+}