diff --git a/src/App.js b/src/App.js
index 1c08379..b94b794 100644
--- a/src/App.js
+++ b/src/App.js
@@ -151,7 +151,7 @@ function App() {
         <StorageContext.Provider value={FBstorage}>
           <Routes>
             <Route path="/" element={<Home items={data} />} />
-            <Route path="/about" element={<About greeting="Hey you, this is about page!" handler={saySomething} />} />
+            <Route path="/about" element={<About greeting="Hey you, this is about page!" />} />
             <Route path="/contact" element={<Contact greeting="Hey you, this is contact page!" />} />
             <Route path="/signup" element={<Signup handler={signUp} />} />
             <Route path="/signout" element={<Signout handler={logOut} />} />
diff --git a/src/components/Header.js b/src/components/Header.js
index 5764e67..5b9699d 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -27,7 +27,7 @@ export function Header(props) {
 
   }
   return (
-    <Navbar>
+    <Navbar className="mb-3">
       <Container>
         <Navbar.Brand>Ray's Book Club</Navbar.Brand>
         <Nav>
diff --git a/src/pages/Detail.js b/src/pages/Detail.js
index 49d8770..97dccb0 100644
--- a/src/pages/Detail.js
+++ b/src/pages/Detail.js
@@ -24,7 +24,7 @@ export function Detail(props) {
             <Container>
                 <Row>
                     <Col>
-                        <h1>{bookData.book_title}</h1>
+                        <h1 className="my-4">{bookData.book_title}</h1>
                     </Col>
                 </Row>
                 <Row>