diff --git a/resources/views/moons/admin/adminmoon.blade.php b/resources/views/moons/admin/adminmoon.blade.php
index 51d766307..5ce28be6c 100644
--- a/resources/views/moons/admin/adminmoon.blade.php
+++ b/resources/views/moons/admin/adminmoon.blade.php
@@ -67,6 +67,11 @@
                 </div>
             </div>
         </div>
+        <div class="col"></div>
+        <div class="col"></div>
+        <div class="col"></div>
+        <div class="col"></div>
+        <div class="col"></div>
     </div>
 </div>
 
diff --git a/resources/views/moons/user/moon.blade.php b/resources/views/moons/user/moon.blade.php
index 71e3cb8e4..79154d4fd 100644
--- a/resources/views/moons/user/moon.blade.php
+++ b/resources/views/moons/user/moon.blade.php
@@ -40,26 +40,35 @@
     </div>
 </div>
 
-<div class="container col-md-3">
-<div class="card">
-    <div class="card-header">
-        Legend
+<div class="container-fluid">
+        <div class="row">
+            <div class="col">
+                <div class="card">
+                    <div class="card-header">
+                        Legend
+                    </div>
+                    <div class="card-body">
+                        <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>
+            <div class="col"></div>
+            <div class="col"></div>
+            <div class="col"></div>
+            <div class="col"></div>
+            <div class="col"></div>
+        </div>
     </div>
-    <div class="card-body">
-        <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