From 16853df92880d96d5f236f3ce2c787dc02775dbe Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 4 Nov 2023 22:55:59 +0000
Subject: [PATCH] UI change for sharing button

---
 src/components/ShareRoadmapButton.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ShareRoadmapButton.tsx b/src/components/ShareRoadmapButton.tsx
index 84fcedf74..4ca67c89b 100644
--- a/src/components/ShareRoadmapButton.tsx
+++ b/src/components/ShareRoadmapButton.tsx
@@ -62,7 +62,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
                 copyText(pageUrl);
                 setIsDropdownOpen(false);
               }}
-              className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
+              className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
             >
               <div className="flex w-[20px] items-center justify-center">
                 <Copy size="15px" className="text-slate-400" />
@@ -72,7 +72,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
             <a
               href={twitterUrl}
               target={'_blank'}
-              className="mt-1 flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
+              className="mt-1 flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
             >
               <div className="flex w-[20px] items-center justify-center">
                 <Twitter size="16px" className="text-slate-400" />
@@ -82,7 +82,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
             <a
               href={fbUrl}
               target={'_blank'}
-              className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
+              className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
             >
               <div className="flex w-[20px] items-center justify-center">
                 <Facebook size="16px" className="text-slate-400" />
@@ -92,7 +92,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
             <a
               href={hnUrl}
               target={'_blank'}
-              className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
+              className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
             >
               <div className="flex w-[20px] items-center justify-center">
                 <img
@@ -106,7 +106,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
             <a
               href={redditUrl}
               target={'_blank'}
-              className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
+              className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
             >
               <div className="flex w-[20px] items-center justify-center">
                 <img
@@ -120,7 +120,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
             <a
               href={linkedinUrl}
               target={'_blank'}
-              className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
+              className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
             >
               <div className="flex w-[20px] items-center justify-center">
                 <Linkedin size="16px" className="text-slate-400" />