diff --git a/src/App.vue b/src/App.vue
index 353ab368541248de4041742c7caa827291711904..6a4cbea5d014bc996aae69a0c68999b849b26e9b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -209,4 +209,13 @@ th[class="infl-group"] {
   font-style: unset;
 }
 
+.v-application .rounded-t-xl {
+  border-top-left-radius: 28px !important;
+  border-top-right-radius: 28px !important;
+}
+
+.v-application .rounded-xl {
+  border-radius: 28px !important;
+}
+
 </style>
diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue
index 9878b74c487391913dda02defe3e62a7dbc7e7c5..9248db93b029fdf51b11fb1f517968e1aed17a97 100644
--- a/src/components/Autocomplete.vue
+++ b/src/components/Autocomplete.vue
@@ -9,7 +9,7 @@
         :menu-props="{rounded: 'b-xl', maxHeight: $vuetify.breakpoint.name === 'xs' ? 190 : 500, transition: 'fade-transition', allowOverflow: true}"
         prepend-inner-icon="search"
         return-object
-        :class="($refs.autocomplete && $refs.autocomplete.hasDisplayedItems && $refs.autocomplete.isMenuActive && 'v-text-field--rounded') || 'v-text-field--rounded'"
+        :class="($refs.autocomplete && $refs.autocomplete.hasDisplayedItems && $refs.autocomplete.isMenuActive && 'rounded-t-xl') || 'rounded-xl'"
         clearable
         hide-no-data
         :autofocus="!$parent.article"