diff --git a/resources/views/moons/admin/adminmoon.blade.php b/resources/views/moons/admin/adminmoon.blade.php
index 3af11b745..833eb08a3 100644
--- a/resources/views/moons/admin/adminmoon.blade.php
+++ b/resources/views/moons/admin/adminmoon.blade.php
@@ -44,23 +44,26 @@
 </div>
 
 <div class="card">
-<div class="container col-md-3">
-    <table class="table table-striped">
-        <thead>
-            <th>Legend</tH>
-        </thead>
-        <tbody>
-            <tr class="table-primary">
-                <td>Moon Available</td>
-            </tr>
-            <tr class="table-danger">
-                <td>Moon Rented</td>
-            </tr>
-            <tr class="table-warning">
-                <td>Moon Rent Due</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
+    <div class="card-header">
+        Legend
+    </div>
+    <div class="card-body">
+        <div class="container col-md-3">
+            <table class="table table-striped">
+                <tbody>
+                    <tr class="table-primary">
+                        <td>Moon Available</td>
+                    </tr>
+                    <tr class="table-danger">
+                        <td>Moon Rented</td>
+                    </tr>
+                    <tr class="table-warning">
+                        <td>Moon Rent Due</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
 </div>
+
 @endsection
\ No newline at end of file
diff --git a/resources/views/moons/user/moon.blade.php b/resources/views/moons/user/moon.blade.php
index f77b95b46..4cdd0f37c 100644
--- a/resources/views/moons/user/moon.blade.php
+++ b/resources/views/moons/user/moon.blade.php
@@ -40,22 +40,26 @@
     </div>
 </div>
 
-<div class="container-fluid col-md-3">
-    <table class="table table-striped">
-        <thead>
-            <th>Legend</tH>
-        </thead>
-        <tbody>
-            <tr class="table-primary">
-                <td>Moon Available</td>
-            </tr>
-            <tr class="table-danger">
-                <td>Moon Rented</td>
-            </tr>
-            <tr class="table-warning">
-                <td>Moon Rent Due</td>
-            </tr>
-        </tbody>
-    </table>
+<div class="card">
+    <div class="card-header">
+        Legend
+    </div>
+    <div class="card-body">
+        <div class="container col-md-3">
+            <table class="table table-striped">
+                <tbody>
+                    <tr class="table-primary">
+                        <td>Moon Available</td>
+                    </tr>
+                    <tr class="table-danger">
+                        <td>Moon Rented</td>
+                    </tr>
+                    <tr class="table-warning">
+                        <td>Moon Rent Due</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
 </div>
 @endsection
\ No newline at end of file