diff --git a/ayanova/src/components/date-time-control.vue b/ayanova/src/components/date-time-control.vue
index af3a2c08..8f0eec5a 100644
--- a/ayanova/src/components/date-time-control.vue
+++ b/ayanova/src/components/date-time-control.vue
@@ -17,7 +17,7 @@
           </template>
           <v-date-picker v-model="dateOnly" @input="dlgdate = false">
             <v-spacer></v-spacer>
-            <v-btn flat color="primary" @click="dlgdate = false">Close</v-btn>
+            <v-btn text color="primary" @click="dlgdate = false">Close</v-btn>
           </v-date-picker>
         </v-dialog>
       </v-col>
@@ -36,7 +36,7 @@
           </template>
           <v-time-picker v-model="timeOnly">
             <v-spacer></v-spacer>
-            <v-btn flat color="primary" @click="dlgtime = false">OK</v-btn>
+            <v-btn text color="primary" @click="dlgtime = false">OK</v-btn>
           </v-time-picker>
         </v-dialog>
       </v-col>