From dd8c96c7ad344e8da66bef188a63ee4847a0e8f6 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Fri, 14 Apr 2023 15:26:27 +0200
Subject: [PATCH] fix margin on conditional elements

---
 src/components/ShareModal.tsx | 2 +-
 src/pages/share/[videoId].tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ShareModal.tsx b/src/components/ShareModal.tsx
index 73c1372..e684cfa 100644
--- a/src/components/ShareModal.tsx
+++ b/src/components/ShareModal.tsx
@@ -36,7 +36,7 @@ export function ShareModal({ video }: Props) {
     <>
       <span
         onClick={() => setOpen(true)}
-        className="cursor-pointer rounded border border-[#0000001a] px-2 py-2 text-sm text-[#292d34] hover:bg-[#fafbfc]"
+        className="ml-4 cursor-pointer rounded border border-[#0000001a] px-2 py-2 text-sm text-[#292d34] hover:bg-[#fafbfc]"
       >
         Share
       </span>
diff --git a/src/pages/share/[videoId].tsx b/src/pages/share/[videoId].tsx
index 03712a2..4df0325 100644
--- a/src/pages/share/[videoId].tsx
+++ b/src/pages/share/[videoId].tsx
@@ -48,7 +48,7 @@ const VideoList: NextPage = () => {
           <span>Screenity</span>
           <div>
             <Link href="/videos">
-              <span className="mr-4 cursor-pointer rounded border border-[#0000001a] px-2 py-2 text-sm text-[#292d34] hover:bg-[#fafbfc]">
+              <span className="cursor-pointer rounded border border-[#0000001a] px-2 py-2 text-sm text-[#292d34] hover:bg-[#fafbfc]">
                 Personal Library
               </span>
             </Link>