Responsive rounded borders

src/components/layout/Paper.tsx

@@ -7,7 +7,7 @@ export interface PaperProps {
 
 export function Paper(props: PaperProps) {
   return (
-    <div className={`bg-denim-200 rounded-xl p-12 ${props.className}`}>
+    <div className={`bg-denim-200 lg:rounded-xl p-12 ${props.className}`}>
       {props.children}
     </div>
   )

src/components/media/VideoPlayer.tsx

@@ -14,7 +14,7 @@ export interface VideoPlayerProps {
 
 export function SkeletonVideoPlayer(props: { error?: boolean }) {
   return (
-    <div className="bg-denim-200 flex aspect-video w-full items-center justify-center rounded-xl">
+    <div className="bg-denim-200 flex aspect-video w-full items-center justify-center lg:rounded-xl">
       {props.error ? (
         <div className="flex flex-col items-center">
           <IconPatch icon={Icons.WARNING} className="text-red-400" />