diff --git a/app/vendor-details/vendor-details.component.css b/app/vendor-details/vendor-details.component.css
index f6b8b3e..57b4ac3 100644
--- a/app/vendor-details/vendor-details.component.css
+++ b/app/vendor-details/vendor-details.component.css
@@ -2,4 +2,9 @@
     background: url('/assets/img/pop-up-pizza.jpg') no-repeat center center fixed;
     height: 333px;
     background-size: cover;
+}
+
+.vendor-item-list {
+    display: inline-block;
+    width: 50%;
 }
\ No newline at end of file
diff --git a/app/vendor-details/vendor-details.component.html b/app/vendor-details/vendor-details.component.html
index 5452a98..89c379a 100644
--- a/app/vendor-details/vendor-details.component.html
+++ b/app/vendor-details/vendor-details.component.html
@@ -13,7 +13,7 @@ <h3>{{cat.catagory}}</h3>
         <hr>
         <div class="row">
             <ul>
-                <li *ngFor="let item of cat.itemlist">{{item.item}}</li>
+                <li class="vendor-item-list" *ngFor="let item of cat.itemlist">{{item.item}}</li>
             </ul>
         </div>
     </div>