diff --git a/src/components/ReviewForm.js b/src/components/ReviewForm.js
index 762de59..9999228 100644
--- a/src/components/ReviewForm.js
+++ b/src/components/ReviewForm.js
@@ -1,29 +1,39 @@
 import Form from "react-bootstrap/Form"
 import Button from "react-bootstrap/Button"
 
+import { AuthContext } from "../contexts/AuthContext"
+import { useContext } from "react"
+
+
 export function ReviewForm(props) {
-  return (
-    <Form>
-      <h3>Rewiew this movie</h3>
-      <Form.Group>
-        <Form.Label>Star</Form.Label>
-        <Form.Select>
-          <option value="1">1</option>
-          <option value="2">2</option>
-          <option value="3">3</option>
-          <option value="4">4</option>
-          <option value="5">5</option>
-        </Form.Select>
-      </Form.Group>
-      <Form.Group>
-        <Form.Label>Title</Form.Label>
-        <Form.Control type="text" placeholder="I love this movie" />
-      </Form.Group>
-      <Form.Group>
-        <Form.Label>Review</Form.Label>
-        <Form.Control as="textarea" rows={4} cols={30} placeholder="I could not stop watching!" />
-      </Form.Group>
-      <Button type="submit" variant="primary">Submit</Button>
-    </Form>
-  )
-}
\ No newline at end of file
+  const auth = useContext(AuthContext)
+  if (auth) {
+    return (
+      <Form>
+        <h3>Review this movie</h3>
+        <Form.Group>
+          <Form.Label>Star</Form.Label>
+          <Form.Select>
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+            <option value="5">5</option>
+          </Form.Select>
+        </Form.Group>
+        <Form.Group>
+          <Form.Label>Title</Form.Label>
+          <Form.Control type="text" placeholder="I love this movie" />
+        </Form.Group>
+        <Form.Group>
+          <Form.Label>Review</Form.Label>
+          <Form.Control as="textarea" rows={4} cols={30} placeholder="I could not stop watching!" />
+        </Form.Group>
+        <Button type="submit" variant="primary">Submit</Button>
+      </Form>
+    )
+  }
+  else {
+    return null
+  }
+}
diff --git a/src/pages/Detail.js b/src/pages/Detail.js
index f0f330f..0bc02c2 100644
--- a/src/pages/Detail.js
+++ b/src/pages/Detail.js
@@ -27,10 +27,10 @@ export function Detail(props) {
                     </Col>
                 </Row>
                 <Row>
-                    <Col md={6}>
+                    <Col md={4}>
                         <ItemImage source={movieData.cover_image} />
                     </Col>
-                    <Col md={6}>
+                    <Col md={8}>
                         <h2>More Information</h2>
                         <h3>Synopsis</h3>
                         <p>{movieData.synopsis}</p>
@@ -55,6 +55,6 @@ export function Detail(props) {
     }
     else {
         return null;
-        
-        }
-    }
\ No newline at end of file
+
+    }
+}
\ No newline at end of file