diff --git a/Seasoned.Frontend/app/assets/css/app-theme.css b/Seasoned.Frontend/app/assets/css/app-theme.css
index e32eeea..3a51dfe 100644
--- a/Seasoned.Frontend/app/assets/css/app-theme.css
+++ b/Seasoned.Frontend/app/assets/css/app-theme.css
@@ -280,11 +280,18 @@ html, body {
     position: relative !important;
   }
 
-  .chat-container, .v-app-bar, .no-print, .separator, .v-divider, .recipe-description, button, .v-btn, .drop-zone {
+  .chat-container, .v-app-bar, .no-print, .separator, .v-divider, 
+  .recipe-description, button, .v-btn, .drop-zone, .v-card-actions,
+  .v-btn--variant-text, .v-btn--variant-elevated,
+  footer, .v-footer, .recipe-actions-row {
     display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
     height: 0 !important;
     margin: 0 !important;
     padding: 0 !important;
+    overflow: hidden !important;
+    position: absolute !important;
   }
 
   .v-application, .v-application__wrap, main.v-main, .v-container, .recipe-card {
@@ -312,20 +319,27 @@ html, body {
 
   .v-card, 
   .recipe-card, 
-  .v-application, 
-  .v-application__wrap,
+  .v-theme--light,
   .v-card--variant-elevated,
+  .v-card__underlay,
   [class*="elevation-"],
   [class*="v-card--variant"] {
     box-shadow: none !important;
-    border: none !important;
+    -webkit-box-shadow: none !important;
+    filter: none !important;
+    --v-shadow-key-umbra: none !important;
+    --v-shadow-key-penumbra: none !important;
+    --v-shadow-key-ambient: none !important;
+    border: 0px solid transparent !important;
     outline: none !important;
-    background-color: transparent !important;
+    background: transparent !important;
     background-image: none !important;
+    display: contents !important;
   }
   
   header.text-center {
-    margin-bottom: 5px !important;
+    margin-bottom: 0px !important;
+    padding-bottom: 0px !important;
   }
 
   .recipe-content {
@@ -339,7 +353,8 @@ html, body {
   }
 
   .recipe-title {
-    margin-bottom: 40px !important;
+    margin-top: -20px !important;
+    margin-bottom: 20px !important;
     font-size: 1.6rem !important;
     text-align: center;
     font-weight: bold !important;
diff --git a/Seasoned.Frontend/app/pages/index.vue b/Seasoned.Frontend/app/pages/index.vue
index 367fbfa..d0b95ee 100644
--- a/Seasoned.Frontend/app/pages/index.vue
+++ b/Seasoned.Frontend/app/pages/index.vue
@@ -3,9 +3,9 @@
     <v-row density="compact" justify="center" align="start" class="pt-6">
       <v-col cols="12" class="text-center px-4">
         
-        <v-card class="recipe-card pa-8 mx-auto mt-2" max-width="750">
+        <v-card class="recipe-card pa-8 mx-auto mt-2" max-width="900">
           
-          <header class="mb-8">
+          <header class="mb-10">
             <div class="brand-icon-container mb-2">
               <v-img 
                 src="/images/seasoned-logo.png" 
@@ -15,24 +15,24 @@
               ></v-img>
             </div>
             <h1 class="brand-title mt-0 mb-1">Seasoned</h1>
-            <p class="brand-subtitle mb-6">A Recipe Generator and Collection Tool</p>
+            <p class="brand-subtitle mb-8">A Recipe Generator and Collection Tool</p>
           </header>
 
-          <v-divider class="mb-8 separator"></v-divider>
+          <v-divider class="mb-10 separator"></v-divider>
 
-          <v-row class="mb-10 px-2" justify="center">
-            <v-col cols="12" md="4" class="text-center d-flex flex-column align-center px-2">
+          <v-row class="mb-12 px-6" justify="center">
+            <v-col cols="12" md="4" class="text-center d-flex flex-column align-center">
               <v-icon icon="mdi-folder-text" size="large" style="color: #2e1e0a" class="mb-3"></v-icon>
               <h3 class="section-header justify-center mb-3">Scan Archives</h3>
-              <p class="feature-text text-body-2 px-1">
+              <p class="feature-text text-body-2">
                 Turn handwritten cards into searchable digital text instantly.
               </p>
               <v-spacer></v-spacer>
-              <v-btn v-if="isLoggedIn" to="/uploader"  class="mt-8 column-btn">
+              <v-btn v-if="isLoggedIn" to="/uploader"  class="mt-12 column-btn">
                 Go to Uploader
               </v-btn>
             </v-col>
-            <v-col cols="12" md="4" class="text-center d-flex flex-column align-center px-2">
+            <v-col cols="12" md="4" class="text-center d-flex flex-column align-center">
               <v-icon icon="mdi-chef-hat" size="large" style="color: #2e1e0a" class="mb-3"></v-icon>
               <h3 class="section-header justify-center mb-3">Consult the Chef</h3>
               <p class="feature-text text-body-2">
@@ -43,7 +43,7 @@
                 Talk to Chef
               </v-btn>
             </v-col>
-            <v-col cols="12" md="4" class="text-center d-flex flex-column align-center px-2">
+            <v-col cols="12" md="4" class="text-center d-flex flex-column align-center">
               <v-icon icon="mdi-book-open-variant" size="large" style="color: #2e1e0a" class="mb-3"></v-icon>
               <h3 class="section-header justify-center mb-3">Preserve History</h3>
               <p class="feature-text text-body-2">