From 619c01ba63d115fc55da5cbcb7ea24fd8e45028e Mon Sep 17 00:00:00 2001
From: Sarthak Kumar Shailendra
 <69191344+sarthak-kumar-shailendra@users.noreply.github.com>
Date: Wed, 1 Oct 2025 20:11:35 +0000
Subject: [PATCH] fix: share icon size and alignment in mobile view

---
 src/theme/DocItem/ShareButton.js | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/theme/DocItem/ShareButton.js b/src/theme/DocItem/ShareButton.js
index 6ee1b9a1..fd8811a5 100644
--- a/src/theme/DocItem/ShareButton.js
+++ b/src/theme/DocItem/ShareButton.js
@@ -56,22 +56,16 @@ function ShareButton(props) {
     ];
 
     return (
-        <div className="dropdown dropdown--hoverable pointer">
-            <a
-                target="_blank"
-                rel="noreferrer noopener"
-                style={{ marginTop: "0.45rem" }}
+        <div className="dropdown dropdown--hoverable pointer mr-4">
+            <button
+                className="button button--lg button--link padding-horiz--none pointer share-button hover:no-underline"
+                style={{ fontWeight: 400, fontFamily: "inherit", fontSize: "inherit" }}
             >
-                <img
+               <img
                     className="margin-right--xs"
                     src={shareIconUrl}
-                    style={{ height: "16px", width: "18px", verticalAlign: "-0.125em" }}
+                    style={{ height: "16px", verticalAlign: "-0.125em" }}
                 ></img>
-            </a>
-            <button
-                className="button button--lg button--link padding-horiz--none pointer share-button"
-                style={{ fontWeight: 400, fontFamily: "inherit", fontSize: "inherit" }}
-            >
                 Share
             </button>