Dialogs and Vuetify styling changes

src/components/SelectLanguageDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog
+  <RoundedDialog
     class="ma-0 pa-0"
     v-bind="{ ...$props, ...$attrs }"
     :width="$vuetify.display.smAndUp ? '940px' : '90%'"
@@ -17,7 +17,7 @@
         <v-select
           v-model="$i18n.locale"
           :items="languages"
-          menu-props="auto"
+          :menu-props="{ auto: true }"
           :label="$t('profile.select_language')"
           v-on:change="$store.commit('setLanguage', $i18n.locale)"
           hide-details
@@ -28,7 +28,6 @@
       <v-card-actions>
         <v-btn
           id="btn-done"
-          color="black"
           depressed
           block
           class="btn-dark"
@@ -37,14 +36,16 @@
         >
       </v-card-actions>
     </v-card>
-  </v-dialog>
+  </RoundedDialog>
 </template>
 
 <script>
 import LanguageMixin from "./languageMixin";
+import RoundedDialog from "./RoundedDialog.vue";
 
 export default {
   mixins: [LanguageMixin],
+  components: { RoundedDialog }
 };
 </script>