diff --git a/src/lib/components/form/Survey.svelte b/src/lib/components/form/Survey.svelte
index 92e9505..fe40a1e 100644
--- a/src/lib/components/form/Survey.svelte
+++ b/src/lib/components/form/Survey.svelte
@@ -8,12 +8,18 @@
 
     import SignIn from './SignIn.svelte';
 
-    console.log($page.data.authInfo);
+    let userID;
+
+    if ($page.data.authInfo) {
+        userID = $page.data.authInfo.user.userId;
+    } else {
+        userID = null;
+    }
 
     let formData = writable({
         answers: [],
         currentQuestion: 1,
-        userID: $page.data.authInfo.user.userId || null,
+        userID: userID
     });
 
     export let numQuestion = 0;
diff --git a/src/routes/food/[id]/+page.svelte b/src/routes/food/[id]/+page.svelte
index 292c271..7bd4f22 100644
--- a/src/routes/food/[id]/+page.svelte
+++ b/src/routes/food/[id]/+page.svelte
@@ -64,8 +64,8 @@
         <div class="card">
             <div class="card-body mx-auto">
                 <h4 class="card-title" style="text-align: center; font-size: 50px;">You Want</h4>
-                <p class="card-text mx-auto" style="font-size: 60px;font-weight: bold;text-align: center;">{foodData.name}</p>
-                <p class="card-text">{foodData.description}</p>
+                <p class="card-text" style="font-size: 60px;font-weight: bold;text-align: center;">{foodData.name}</p>
+                <p class="card-text" style="text-align: center;">{foodData.description}</p>
             </div>
             {#if !showRecipe}
                 <div class="row">