diff --git a/Seasoned.Frontend/app/pages/recipe/[id].vue b/Seasoned.Frontend/app/pages/recipe/[id].vue
index 501afb6..fa4e1d2 100644
--- a/Seasoned.Frontend/app/pages/recipe/[id].vue
+++ b/Seasoned.Frontend/app/pages/recipe/[id].vue
@@ -1,8 +1,10 @@
 <template>
-  <div class="recipe-bg min-h-screen">
-    <v-container>
-       <RecipeDisplay v-if="normalizedRecipe" :recipe="normalizedRecipe" :is-public-view="true" />
-       <v-progress-linear v-else indeterminate color="#8c4a32" />
+  <div class="recipe-bg min-h-screen pb-12">
+    <v-container class="py-10">
+      <div v-if="normalizedRecipe" class="recipe-card mx-auto" style="max-width: 1000px;">
+         <RecipeDisplay :recipe="normalizedRecipe" :is-public-view="true" />
+      </div>
+      <v-progress-linear v-else indeterminate color="#8c4a32" />
     </v-container>
   </div>
 </template>