diff --git a/fluent/src/commonMain/kotlin/com/konyaco/fluent/component/TopNav.kt b/fluent/src/commonMain/kotlin/com/konyaco/fluent/component/TopNav.kt
index 9c24952b..ed38d024 100644
--- a/fluent/src/commonMain/kotlin/com/konyaco/fluent/component/TopNav.kt
+++ b/fluent/src/commonMain/kotlin/com/konyaco/fluent/component/TopNav.kt
@@ -174,24 +174,24 @@ fun TopNavItem(
             )
     ) {
         FlyoutAnchorScope {
-            MenuFlyout(
-                visible = flyoutVisible && items != null,
-                onDismissRequest = {
-                    onFlyoutVisibleChanged(false)
-                },
-                placement = FlyoutPlacement.Bottom,
-                modifier = Modifier.flyoutSize()
-            ) {
-                items?.invoke(
-                    rememberNavigationItemsFlyoutScope(
-                        flyoutVisible,
-                        onFlyoutVisibleChanged
-                    )
-                )
-            }
             Box {
+                MenuFlyout(
+                    visible = flyoutVisible && items != null,
+                    onDismissRequest = {
+                        onFlyoutVisibleChanged(false)
+                    },
+                    placement = FlyoutPlacement.Bottom,
+                    modifier = Modifier.flyoutSize()
+                ) {
+                    items?.invoke(
+                        rememberNavigationItemsFlyoutScope(
+                            flyoutVisible,
+                            onFlyoutVisibleChanged
+                        )
+                    )
+                }
                 HorizontalIndicatorContentLayout(
-                    modifier = Modifier.height(40.dp),
+                    modifier = Modifier.height(40.dp).flyoutAnchor(),
                     text = text,
                     icon = icon,
                     trailing = items?.let {