diff --git a/css/custom.css b/css/custom.css
index 5c3f35f6..9a262276 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -237,6 +237,11 @@ body[data-style="dark"] .alert-danger svg {
   fill: #dfc4c7;
 }
 
+
+body[data-style="dark"] .card-group ~ div svg {
+  fill: #fff;
+}
+
 .alert-danger svg {
   fill: #6d2126;
   margin-right: 5px;
diff --git a/index.html b/index.html
index 1f679b1f..e86c822f 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
     </div>
   </nav>
   <div class="container mt-4">
-    <div class="card-group">
+    <div class="card-group mb-4">
       <div class="card bg-success mb-3">
         <a href="loot-table">
           <div class="card-body">
@@ -74,6 +74,19 @@
         </a>
       </div>
     </div>
+    <div>
+      <div class="card bg-light border-dark">
+        <a href="https://misode.github.io/dev/">
+          <div class="card-body" style="display: flex; justify-content: space-between; align-items: center;">
+            <div>
+              <h5 class="card-title">Try the new improved generator!</h5>
+              <p class="card-subtitle">Supports 1.16 world generation</p>
+            </div>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="32" height="32"><path fill-rule="evenodd" d="M8.22 2.97a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06l2.97-2.97H3.75a.75.75 0 010-1.5h7.44L8.22 4.03a.75.75 0 010-1.06z"></path></svg>
+          </div>
+        </a>
+      </div>
+    </div>
   </div>
 
   <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>