diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue
index 7d461c7ab..3d0426c19 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue
@@ -100,7 +100,7 @@
       v-show="isCookMode && !hasLinkedIngredients"
       key="cookmode"
       :height="$vuetify.display.smAndUp ? 'calc(100vh - 48px)' : 'auto'"
-      className="overflow-hidden"
+      class-name="overflow-hidden"
     >
       <!-- the calc is to account for the toolbar a more dynamic solution could be needed  -->
       <v-row style="height: 100%" no-gutters class="overflow-hidden">