diff --git a/public/css/app.css b/public/css/app.css
index 5b2a658..f776183 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -22,6 +22,16 @@
 	}
 }
 
+.catalogitem, .catalogitem img {
+  width: 126px;
+  padding: 5px;
+}
+
+.arkotlabel {
+  color: rgb(35, 98, 222);
+  font-weight: bold;
+}
+
 #alert, #success {
   height: fit-content;
   margin: 0px;
@@ -318,9 +328,9 @@ body {
   width: 100%;
   flex-direction: row;
   align-items: flex-start;
-  flex-wrap: nowrap;
   align-content: center;
   justify-content: flex-start;
+  flex-wrap: nowrap;
 }
 
 .content {
diff --git a/resources/views/pages/catalog.blade.php b/resources/views/pages/catalog.blade.php
index 123d0ee..f0c7f74 100644
--- a/resources/views/pages/catalog.blade.php
+++ b/resources/views/pages/catalog.blade.php
@@ -10,6 +10,12 @@
     @endsection
 
     @section('content')
-        <h1 id="usernameframe">Catalog</h1>
-        <p>PLACEHOLDER</p>
+        <h1>Catalog</h1>
+        <div class="content_special" style="flex-wrap: wrap">
+            <div class="catalogitem">
+                <img src="{{ asset('img/reviewpending.png') }}">
+                <p>Item Name</p>
+                <p class="arkotlabel">ARK$</p><p> 30</p>
+            </div>
+        </div>
     @endsection
\ No newline at end of file