diff --git a/resources/views/itemlist.blade.php b/resources/views/itemlist.blade.php
index 8d42654..bbb8d5e 100644
--- a/resources/views/itemlist.blade.php
+++ b/resources/views/itemlist.blade.php
@@ -1,57 +1,44 @@
-@extends('layouts.app')
+@extends('tablar::page')
 
 @section('content')
-<div class="container">
-  <div class="row">
-    <div class="col-md-10 col-md-offset-1">
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h3>
-            Item List
-          </h3>
+<div class="page-header d-print-none">
+    <div class="container-xl">
+        <div class="row g-2 align-items-center">
+            <div class="col">
+                <h2 class="page-title">Item List</h2>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="page-body">
+    <div class="container-xl">
+        <div class="row row-cards">
+            <div class="col-12">
+                <div class="card">
+                    <div class="table-responsive">
+                        <table class="table table-vcenter card-table">
+                            <thead>
+                                <tr>
+                                    <th>#</th>
+                                    <th>Description</th>
+                                    <th>Category</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach($itemlist_results as $item)
+                                    <tr>
+                                        <td>{{ $item->item_assigned_num }}</td>
+                                        <td>{{ $item->item_desc }}</td>
+                                        <td>{{ $item->category->cat_name ?? 'N/A' }}</td>
+                                    </tr>
+                                @endforeach
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
         </div>
-        <div class="panel-body">
-          @if($itemlist_results)
-          <table align='center' class='table table-striped table-condensed table-hover table-bordered'>
-            <tr>
-              <th>
-                Number:
-              </th>
-              <th>
-                Description:
-              </th>
-              <th>
-                Est. Value:
-              </th>
-              <th>
-                Min Bid:
-              </th>
-            </tr>
-            @foreach($itemlist_results as $itemlist_result)
-            <tr>
-              <td>
-                {{ $itemlist_result->item_assigned_num }}
-              </td>
-              <td>
-                {{ $itemlist_result->item_desc }}
-              </td>
-              <td>
-                ${{ $itemlist_result->item_est_value }}
-              </td>
-              <td>
-                ${{ $itemlist_result->item_min_bid }}
-              </td>
-            </tr>
-            @endforeach
-          </table>
-          @else
-          <h3>
-            No Items
-          </h3>
-          @endif
-        </div>
-      </div>
     </div>
-  </div>
 </div>
 @endsection
diff --git a/resources/views/items.blade.php b/resources/views/items.blade.php
index a058d30..39f5145 100644
--- a/resources/views/items.blade.php
+++ b/resources/views/items.blade.php
@@ -1,56 +1,43 @@
-@extends('layouts.app')
+@extends('tablar::page')
 
 @section('content')
-<div class="container">
-  <div class="row">
-    <div class="col-md-10 col-md-offset-1">
-      <div class="panel panel-default">
-        <div class="panel-heading">Item Entry</div>
-
-        <div class="panel-body">
-          <form id="item_form" required method="post" action="/items" enctype="multipart/form-data" class=form-horizontal>
-            {{ csrf_field() }}
-            <div class=form-group>
-              <label for=itemnum class="col-sm-3 col-sm-offset-1 control-label">
-                Item Number:
-              </label>
-              <div class=col-sm-2>
-                <input type="text" name="itemnum" id="itemnum" class=form-control />
-              </div>
+<div class="page-header d-print-none">
+    <div class="container-xl">
+        <div class="row g-2 align-items-center">
+            <div class="col">
+                <h2 class="page-title">Manage Items</h2>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="page-body">
+    <div class="container-xl">
+        <div class="row row-cards">
+            <div class="col-12">
+                <div class="card">
+                    <div class="card-body">
+                        <form method="POST" action="/items" class="row g-3">
+                            {{ csrf_field() }}
+                            
+                            <div class="col-md-4">
+                                <label for="itemnum" class="form-label">Item Number</label>
+                                <input type="text" name="itemnum" id="itemnum" class="form-control" required>
+                            </div>
+                            
+                            <div class="col-md-8">
+                                <label for="itemdesc" class="form-label">Description</label>
+                                <input type="text" name="itemdesc" id="itemdesc" class="form-control" required>
+                            </div>
+
+                            <div class="col-12">
+                                <button type="submit" class="btn btn-primary">Add Item</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
             </div>
-            <div class=form-group>
-              <label for=itemdesc class="col-sm-3 col-sm-offset-1 control-label">
-                Description:
-              </label>
-              <div class=col-sm-4>
-                <textarea name="itemdesc" id="itemdesc" cols="40" rows="5" class=form-control></textarea>
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=itemminbid class="col-sm-3 col-sm-offset-1 control-label">
-                Minimum Bid:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="itemminbid" id="itemminbid" class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=itemestvalue class="col-sm-3 col-sm-offset-1 control-label">
-                Estimated Value:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="itemestvalue" id="itemestvalue" class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <div class="col-sm-offset-5 col-sm-10">
-                <button type="submit" value="Submit" class="btn btn-primary">Submit</button>
-              </div>
-            </div>
-          </form>
         </div>
-      </div>
     </div>
-  </div>
 </div>
 @endsection
diff --git a/resources/views/winnerlist.blade.php b/resources/views/winnerlist.blade.php
index 50057d2..7ff4208 100644
--- a/resources/views/winnerlist.blade.php
+++ b/resources/views/winnerlist.blade.php
@@ -1,39 +1,44 @@
-@extends('layouts.app')
+@extends('tablar::page')
 
 @section('content')
-  <div class="container">
-    <div class="row">
-      <div class="col-md-10 col-md-offset-1">
-        <div class="panel panel-default">
-          <div class="panel-heading">Winning Bidders</div>
-          <div class="panel-body">
-            <table align='center' class='table table-striped table-condensed table-hover table-bordered'>
-              @php
-              $i = 1;
-              // start first row
-              echo "<tr>";
-
-              foreach($winnerlist_results as $winnerlist_result){
-
-                echo "<td>" . $winnerlist_result->bidders->bidder_assigned_number . "</td>";
-
-                // do we need a new row?
-                if($i % 6 === 0){
-                  echo "</tr><tr>";
-                }
-
-                // increase counter
-                $i++;
-
-              }
-
-              // end final row
-              echo "</tr>";
-              @endphp
-            </table>
-          </div>
+<div class="page-header d-print-none">
+    <div class="container-xl">
+        <div class="row g-2 align-items-center">
+            <div class="col">
+                <h2 class="page-title">Winner List</h2>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
+</div>
+
+<div class="page-body">
+    <div class="container-xl">
+        <div class="row row-cards">
+            <div class="col-12">
+                <div class="card">
+                    <div class="table-responsive">
+                        <table class="table table-vcenter card-table">
+                            <thead>
+                                <tr>
+                                    <th>Bidder</th>
+                                    <th>Item</th>
+                                    <th>Amount</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach($winnerlist_results as $winner)
+                                    <tr>
+                                        <td>{{ $winner->bidders->bidder_fname }} {{ $winner->bidders->bidder_lname }}</td>
+                                        <td>{{ $winner->items->item_desc }}</td>
+                                        <td>${{ number_format($winner->winning_cost, 2) }}</td>
+                                    </tr>
+                                @endforeach
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 @endsection