diff --git a/index.css b/index.css
index ff8cabf5..8d771d36 100644
--- a/index.css
+++ b/index.css
@@ -69,34 +69,24 @@ body.ready {
     text-decoration: none
 }
 
-.add-to-apps {
-    display: flex;
-    flex-direction: row;
-    
+.base-url {
+    margin: .75rem auto;
+    padding: .75rem 1rem;
+    border-style: solid;
+    border-radius: .125rem;
+    border-width: 1px;
+    border-color: #60a5fa;
+    background-color: #eff6ff
 }
 
-.add-to-apps sl-button {
-    flex: 1;
-    padding: 0.25rem;
+.base-url__title {
+    font-weight: 600;
+    margin: 0;
+    margin-bottom: .5rem
 }
 
-sl-button.tachiyomi::part(base) {
-    background-color: #2c84c2;
-    border-color: #2c84c2;
-}
-
-@media (prefers-color-scheme: light) {
-    sl-button.mihon::part(base) {
-        background-color: #0058a0;
-        border-color: #0058a0;
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-    sl-button.mihon::part(base) {
-        background-color: #7ebbed;
-        border-color: #7ebbed;
-    }
+.base-url__url {
+    margin: 0
 }
 
 .sources {
diff --git a/index.html b/index.html
index 599648f0..74c769e0 100644
--- a/index.html
+++ b/index.html
@@ -39,17 +39,7 @@
         <p class="header__title">Keiyoushi</p>
     </header>
     <div class="description">
-        Join the 
-        <a class="description__anchor" 
-            href="https://discord.gg/3FbCpdKbdY" 
-            onclick="window.goatcounter?.count({ path: location.pathname + '#discord' })">
-            Discord server
-        </a>
-        for support. Make sure to star
-        <a class="description__anchor" 
-            href="https://github.com/keiyoushi/extensions">
-            the GitHub repo
-        </a>.
+        Join the <a class="description__anchor" href="https://discord.gg/3FbCpdKbdY" onclick="window.goatcounter?.count({ path: location.pathname + '#discord' })">Discord server</a> for support. Make sure to star <a class="description__anchor" href="https://github.com/keiyoushi/extensions">the GitHub repo</a>.
     </div>
 
     <h2 class="header">Guide</h2>
@@ -66,27 +56,13 @@
            <li>Aniyomi Preview r7443+</li>
         </ul>
 
-        <div class="add-to-apps">
-            <sl-button 
-                class="mihon"
-                style="display: flex; justify-content: center;"
-                variant="primary"
-                href="mihon://add-repo?url=https://raw.githubusercontent.com/keiyoushi/extensions/repo/index.min.json"
-                onclick="window.goatcounter?.count({ path: location.pathname + '#add-to-mihon' })">
-                Add to Mihon
-            </sl-button>
-
-            <sl-button 
-                class="tachiyomi"
-                style="display: flex; justify-content: center;"
-                variant="primary"
-                href="tachiyomi://add-repo?url=https://raw.githubusercontent.com/keiyoushi/extensions/repo/index.min.json"
-                onclick="window.goatcounter?.count({ path: location.pathname + '#add-to-tachiyomi' })">
-                Add to Tachiyomi
-            </sl-button>
-        </div>
-
-        
+        <sl-button 
+            style="display: flex; justify-content: center;"
+            variant="primary"
+            href="tachiyomi://add-repo?url=https://raw.githubusercontent.com/keiyoushi/extensions/repo/index.min.json"
+            onclick="window.goatcounter?.count({ path: location.pathname + '#add-to-tachiyomi' })">
+            Add to Mihon/Tachiyomi
+        </sl-button>
     </div>
 
     <div>