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>