title: How can I remove shadow from expansion panel (Vuetify)?
body: <p>I want to remove the shadow from a Vuetify expansion panel. Currently, it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/PqvkH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PqvkH.png" alt="Expansion panel with shadow"></a></p>
  
  <p>My code looks like this:</p>
  
  <pre><code>  &lt;v-layout wrap justify-space-between&gt;
      &lt;v-flex xs12 pb-1&gt;
        &lt;v-card&gt;
          &lt;v-container pa-2&gt;
            &lt;v-expansion-panel expand pa-0&gt;
              &lt;v-expansion-panel-content&gt;
                &lt;template v-slot:header&gt;
                  &lt;div&gt;
                    {{ $t("var1") }}
                  &lt;/div&gt;
                &lt;/template&gt;
                &lt;v-layout row wrap&gt;
                  &lt;v-flex xs12&gt;
                    &lt;v-text-field
                      class="right-input"
                      :label="$t('var2')"
                      value="600.00"
                      suffix="$"
                      disabled
                      flat
                    &gt;&lt;/v-text-field&gt;
                  &lt;/v-flex&gt;
                &lt;/v-layout&gt;
              &lt;/v-expansion-panel-content&gt;
            &lt;/v-expansion-panel&gt;
          &lt;/v-container&gt;
        &lt;/v-card&gt;
      &lt;/v-flex&gt;
    &lt;/v-layout&gt;
  </code></pre>
  
  <p>It is possible to remove the shadow from the expansion panel? I tried adding "flat" to the <strong></strong> tag but it didn't solve it. My goal is that, while expanded, it looks like a flat card. Thanks! :)</p>