diff --git a/docs/examples/menu/left-and-right.vue b/docs/examples/menu/left-and-right.vue
index 9b30707c96..6be9068e70 100644
--- a/docs/examples/menu/left-and-right.vue
+++ b/docs/examples/menu/left-and-right.vue
@@ -13,7 +13,6 @@
         alt="Element logo"
       />
     </el-menu-item>
-    <div class="flex-grow" />
     <el-menu-item index="1">Processing Center</el-menu-item>
     <el-sub-menu index="2">
       <template #title>Workspace</template>
@@ -40,7 +39,7 @@ const handleSelect = (key: string, keyPath: string[]) => {
 </script>
 
 <style>
-.flex-grow {
-  flex-grow: 1;
+.el-menu--horizontal > .el-menu-item:nth-child(1) {
+  margin-right: auto;
 }
 </style>