diff --git a/assets/css/styles.css b/assets/css/styles.css
index 095d2d9..04922f6 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1949,6 +1949,7 @@ body::before {
 }
 
 .btn-shop-mini {
+    display: block;
     margin-top: auto;
     background: white;
     color: var(--primary);
@@ -1958,6 +1959,7 @@ body::before {
     font-size: 0.9rem;
     text-align: center;
     transition: var(--transition);
+    cursor: pointer;
 }
 
 .btn-shop-mini:hover {
diff --git a/index.html b/index.html
index d13b783..bbd1f65 100644
--- a/index.html
+++ b/index.html
@@ -539,7 +539,7 @@
           <div class="mini-card cta-card">
             <h4>Ready to Procure?</h4>
             <p>Access our real-time inventory and competitive trade pricing.</p>
-            <a href="/shop" class="btn-shop-mini">View Shop</a>
+            <span class="btn-shop-mini" onclick="openStoreModal()">View Shop</span>
           </div>
         </div>
       </div>