diff --git a/web/src/components/ui/DatetimePicker.vue b/web/src/components/ui/DatetimePicker.vue
index c18e35f..48c4e2f 100644
--- a/web/src/components/ui/DatetimePicker.vue
+++ b/web/src/components/ui/DatetimePicker.vue
@@ -19,8 +19,8 @@
       </template>
 
       <v-card>
-        <v-card-text>
-          <v-tabs v-model="activeTab" fixed-tabs>
+        <v-card-title>
+          <v-tabs v-model="activeTab" fixed-tabs hide-slider>
             <v-tab key="calendar">
               <slot name="dateIcon">
                 <v-icon>mdi-calendar</v-icon>
@@ -32,7 +32,7 @@
               </slot>
             </v-tab>
           </v-tabs>
-        </v-card-text>
+        </v-card-title>
         <v-card-text>
           <v-tabs-items v-model="activeTab">
             <v-tab-item key="calendar">