element ui 导航怎么让菜单对齐啊


<el-menu
        default-active="1"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        router
        style="min-height:100%"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b">
        <el-submenu index="1">
          <template slot="title" >
            <i class="el-icon-s-home"></i>
            <span style="font-size:20px">首页</span>
          </template>
          <el-menu-item index="1-4-1">选项1</el-menu-item>
        </el-submenu>
      </el-menu>想让选项和首页对齐，不知道怎么弄，想弄成下面这样