diff --git a/src/bar/templates/bar_menu.html b/src/bar/templates/bar_menu.html
index 59e0040f..f16aac08 100644
--- a/src/bar/templates/bar_menu.html
+++ b/src/bar/templates/bar_menu.html
@@ -32,19 +32,25 @@
     <meta name="theme-color" content="#ffffff">
   </head>
 
-  <body>
+  <body class="bar-menu">
 
 {% block content %}
+    <h1 class="container">WIP - Work In Progress-Bar</h1>
+    <hr />
 
     <div class="bar-row container container-fluid">
+
+
           {% for category in categories %}
             <h1>{{ category.name }}</h1>
 
           {% for product in category.products.all %}
+            {% if product.in_stock %}
               <div class="bar-product">
-                  <h4 class="name">{{ product.name }}</h4>
-                  <h4 class="pull-right price">{{ product.price }} HAX</h4>
+                <h4 class="name">{{ product.name }}</h4>
+                <h4 class="pull-right price">{{ product.price }} HAX</h4>
               </div>
+            {% endif %}
           {% endfor %}
 
           {% endfor %}
diff --git a/src/static_src/css/bornhack.css b/src/static_src/css/bornhack.css
index c4d50766..e99a9881 100644
--- a/src/static_src/css/bornhack.css
+++ b/src/static_src/css/bornhack.css
@@ -287,6 +287,10 @@ footer {
   border-bottom: 1px solid lightgrey;
 }
 
+body.bar-menu {
+  margin-top: 0px;
+}
+
 .bar-product .name {
   width: 900px;
 }
