How to horizontally align v-combobox with text inside v-col in vuetify

I’m trying to figure out how to horizontally align two v-col, one of this columns has a v-combobox:

<div id="app">
  <v-app>
    <v-container class="indigo lighten-5">
     <v-row no-gutters>
      <v-col cols="2">{{ o.id }} </v-col>
      <v-col cols="10">
        <v-combobox v-model="o.selected" :items="values" dense  class="ml-auto"></v-combobox>
      </v-col>
    </v-row>
    </v-container>
  </v-app>
</div>

Here there’s the codepen

How can I align those two columns?

<v-row no-gutters align="center">

<div id="app">
  <v-app>
    <v-container class="indigo lighten-5">
     <v-row no-gutters class="d-flex align-center">
      <v-col cols="2">{{ o.id }} </v-col>
      <v-col cols="10">
        <v-combobox v-model="o.selected" :items="values" dense  class="ml-auto"></v-combobox>
      </v-col>
    </v-row>
    </v-container>
  </v-app>
</div>