Element-ui NavMenu表现怪异，菜单项位于中间而不是左侧

如何解决Element-ui NavMenu表现怪异，菜单项位于中间而不是左侧

我正在尝试使用这个简单的NavMenu，但在放置菜单项的位置上却做得很奇怪。

这是我的代码，绑定href并没有什么不同，它仍然显示相同的内容。

 <el-menu
        mode="horizontal"
        :unique-opened="true"
        background-color="#96C349"
        text-color="#274F29"
        active-text-color="#274F29">
        <el-menu-item index="1">
            <a :href="'/products'">Productos</a>
        </el-menu-item>
        <el-menu-item index="2">
            <a :href="'/us'">Quienes Somos</a>
        </el-menu-item>
    </el-menu>

最奇怪的是，如果我在其下方或上方添加第二个菜单，则底部的菜单会在左侧显示项目，但是当我只有一个菜单时，它会将项目放在中间。

我不知道这是怎么发生的或为什么发生的！我该如何解决？