diff --git a/shop/static/styles.css b/shop/static/styles.css
index 24ab2bb851b1f59f50d8ecf159fe173b9b13fef8..7e1e0fb44d7c12d28e4ce9830112575eb9f69246 100644
--- a/shop/static/styles.css
+++ b/shop/static/styles.css
@@ -140,6 +140,19 @@ a:link {
     margin-bottom: 10px;
 }
 
+.navbar_box_home {
+    height: 70px;
+    width: 200px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-left: 20px;
+}
+
+.navbar_box_home:hover {
+    border-left: 1px solid grey;
+    border-right: 1px solid grey;
+}
+
 .navbar_box:hover {
     border-left: 1px solid grey;
     border-right: 1px solid grey;
diff --git a/shop/templates/layout.html b/shop/templates/layout.html
index a643c4901220d3af960c740e208bb7f868a23b0f..9c3dec6e833d70bcb6a6345d018d2ddb920738b2 100644
--- a/shop/templates/layout.html
+++ b/shop/templates/layout.html
@@ -37,7 +37,7 @@
        alt="logo image" />
 </div>
     <ul class = "navbar">
-        <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('home') }}">Home</a></div></li>
+        <li><div class = "navbar_box_home"><a class = "navbar_item" href="{{ url_for('home') }}">Home</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('shopping') }}">Shopping</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('cart') }}">Cart</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('wishlist') }}">Wishlist</a></div></li>