IEの表示でリストが崩れる

vue.jsでSPAを作成しています。
そこでIEの表示時にリストが縦並びになって崩れてしまいます。
他のブラウザでは大丈夫なのですが、、
試したこと、index.htmlに
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
を追記してみましたが、駄目でした。

主に崩れて要る箇所のコードを載せてみます。

home.vue


        <v-row no-gutters>
          <template v-for="item in items">
          <v-col :key="item.id">
            <p>{{ item.title }}</p>
          </v-col>
          <v-responsive
            v-if="item.id === 2"
            :key="`width-${item.id}`"
            width="100%"
          ></v-responsive>
          </template>
        </v-row>

header.vue

        <v-list>
          <v-list-item
            v-for="header in headers"
            :key="header.title"
            @click="() => {}"
          >
            <v-list-item-title>
              <router-link class="wf-roundedmplus1c" style="white-space:pre-wrap; word-wrap:break-word;" tag="nav" :to="header.to">
                <v-icon class="pr-3" :color="header.color">{{ header.icon }}</v-icon>{{ header.title }}
              </router-link>
            </v-list-item-title>
          </v-list-item>
        </v-list>

これはモジュールが,
ES6などで書かれていて、IEでエラーになってたりするなどの記事を読みましたが、
その際どこに何を記述すればいいのか分かりません。
もしそうであればの話ですが、、

何か助言をいただけると幸いです。