diff --git a/changelogs/fragments/7801.yml b/changelogs/fragments/7801.yml
new file mode 100644
index 000000000000..c4e0b608d6f6
--- /dev/null
+++ b/changelogs/fragments/7801.yml
@@ -0,0 +1,2 @@
+feat:
+- Add `flush` to `TopNavControlLinkData` ([#7801](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7801))
\ No newline at end of file
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx
index 7c57c62a35f2..505e410f7b23 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx
@@ -35,6 +35,7 @@ export type TopNavControlLinkData = TopNavControlButtonOrLinkOrIconData &
       iconSide?: EuiHeaderLinkProps['iconSide'];
       iconGap?: EuiHeaderLinkProps['iconGap'];
       color?: EuiHeaderLinkProps['color'];
+      flush?: EuiHeaderLinkProps['flush'];
       controlType: 'link';
     },
     'href' | 'run'
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx
index 9d801f6e1949..2499ae7dd3c4 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx
@@ -60,6 +60,7 @@ export function TopNavControlItem(props: TopNavControlData) {
         {props.description}
         {links?.map((linkProps) => (
           <>
+            {' '}
             {/* @ts-ignore using an undefined property to prevent abuse */}
             <TopNavControlItem {...linkProps} sizeOverride="xs" />
           </>
@@ -127,6 +128,7 @@ export function TopNavControlItem(props: TopNavControlData) {
           iconGap={iconGap}
           iconSize={props.iconSize}
           color={props.color}
+          flush={props.flush}
           className={props.className}
           href={props.href}
           target={props.target}