Vuetify - 背景填充图标旁边的卡

Question

我似乎无法填充此页面上图标旁边的card背景：Example Page

查看相机图标，然后在旁边显示开始ByteStand pulls blah blah blah

的说明

我无法弄清楚如何在v-card中对该句子进行居中和背景填充，即使我做的事与我粘贴在我下面的示例完全相同我试图这样做。

这是我违规的代码：

<v-layout row wrap justify-center class="text-xs-center">     
  <v-flex d-flex xs2>
    <v-card flex color="secondary" dark class="elevation-8 square">
      <v-card-text>
        <v-icon class="circle-icon" size="80px">photo_camera</v-icon>
      </v-card-text>
    </v-card>
  </v-flex>
  <v-flex d-flex xs4 child-flex class="text-xs-center">
    <v-card flex light class="text-xs-center">
      <v-card-content class="text-xs-center">
        <v-card-text flex class="subheading text-xs-center light-text">
          ByteStand pulls all images in high-resolution, for both parents and variants.
        </v-card-text>            
      </v-card-content>
    </v-card>
  </v-flex>
</v-layout>

Screen Shot of my missing background