fix border rounding of video share

Author: ameer2468

apps/web/app/s/[videoId]/_components/CapVideoPlayer.tsx

@@ -521,7 +521,7 @@ export function CapVideoPlayer({
 			)}
 			<div
 				className={clsx(
-					"flex absolute inset-0 z-10 justify-center items-center bg-black transition-opacity duration-300 overflow-visible",
+					"flex absolute inset-0 z-10 rounded-xl justify-center items-center bg-black transition-opacity duration-300 overflow-visible",
 					videoLoaded || !!uploadProgress
 						? "opacity-0 pointer-events-none"
 						: "opacity-100",
@@ -660,7 +660,7 @@ export function CapVideoPlayer({
 				mainControlsVisible={(arg: boolean) => setMainControlsVisible(arg)}
 				isUploadingOrFailed={isUploading || isUploadFailed}
 			>
-				<MediaPlayerControlsOverlay />
+				<MediaPlayerControlsOverlay className="rounded-b-xl" />
 				<MediaPlayerSeek
 					tooltipThumbnailSrc={
 						isMobile || !resolvedSrc.isSuccess