diff --git a/app/views/footer/share.html b/app/views/footer/share.html
index 3f21fc3..e4f8497 100644
--- a/app/views/footer/share.html
+++ b/app/views/footer/share.html
@@ -2,8 +2,8 @@
     <h5 class="mb-3 atb-green">Share</h5>
     <div class="px-4 mt-2">
         <!-- Share Button (visible only on medium+ screens) -->
-        <button type="button" class="btn btn-outline-primary" 
-                data-bs-toggle="popover" data-bs-html="true" title="Share" 
+        <button type="button" class="btn atb-green-outline" 
+                data-bs-toggle="popover" data-bs-html="true" title="Share" data-bs-placement="top"
                 data-bs-content='
                     {QR_CODE}
                     <div class="d-flex justify-content-between">