fixed some css

var/www/dragonx.is/style.css

@@ -112,7 +112,7 @@ header {
 }
 
 .nav-links.mobile {
-    display: grid;
+    display: none;
     position: fixed;
     grid-template-rows: auto auto;
     gap: 2em;
@@ -166,6 +166,10 @@ header {
     opacity: 50%;
 }
 
+#nav-check:checked ~ * .nav-links {
+    display: grid;
+}
+
 #nav-check:checked ~ * .nav-links > a{
     transition: border-radius 500ms ease-in-out, margin 200ms ease-out;
     --index: 0;
@@ -259,7 +263,7 @@ header {
     }
 }
 
-input {
+.explorer-radio {
     display: none;
     /* position: fixed; */
     margin: 0;
@@ -294,6 +298,7 @@ input {
     border-radius: 0rem 0rem 0rem 0rem;
 }
 
+/* toggle "screens" when tabs clicked */
 input[id="hush-tab"]:not(:checked) ~ * .explorer-content:nth-child(2) {
     display: flexbox;
 }
@@ -307,24 +312,45 @@ input[id="dragonx-tab"]:checked ~ * .explorer-content:nth-child(1) {
     display: none;
 }
 
+/* toggle between tabs */
 input[id="hush-tab"]:checked ~ * .explorer-tab:nth-child(1) {
     z-index: 3;
     background-color: var(--item-bg-light);
     color: var(--item-bg-dark);
 }
 
+input[id="hush-tab"]:checked ~ * .explorer-tab:nth-child(1):hover {
+    color: var(--text-color-main);
+}
+
+input[id="hush-tab"]:not(:checked) ~ * .explorer-tab:nth-child(1) {
+    
+    background-color: var(--item-bg-grey);
+    color: var(--item-bg-light);
+    border: .1rem solid var(--item-bg-grey);
+}
+
+input[id="hush-tab"]:not(:checked) ~ * .explorer-tab:nth-child(1):hover {
+    z-index: 3;
+    background-color: var(--item-bg-grey);
+    border: .1rem solid var(--text-color-main);
+    color: var(--text-color-main);
+}
+
 input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2) {
     z-index: 2;
     background-color: var(--item-bg-grey);
     color: var(--item-bg-light);
     border: .1rem solid var(--item-bg-grey);
 }
+
 input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
+    z-index: 3;
     color: var(--text-color-main);
+    border: .1rem solid var(--text-color-main);
 }
 
 
-
 .hush-tab-info-bar {
     display: flex;
     justify-content: center;

var/www/explorer.dragonx.is/template.html

@@ -46,8 +46,8 @@
        <div class="header-space"></div>
        <div class="divider"></div>
        <section class="explorer-section">
-              <input class="explorer-radio" type="radio" checked="checked" name="radio" id="hush-tab" style="">
-              <input class="explorer-radio" type="radio" name="radio" id="dragonx-tab" style="">
+              <input class="explorer-radio" type="radio"  name="radio" id="hush-tab" style="">
+              <input class="explorer-radio" type="radio" checked="checked" name="radio" id="dragonx-tab" style="">
               <div class="explorer-content-body">
                      <section class="explorer-content">
                             <div class="hush-tab-info-bar"><span>DragonX Was built on the&nbsp<a href="">HUSH</a> Blockchain.</span></div>