style: 🎨

src/components/Image/index.tsx

@@ -95,7 +95,7 @@ export default function Image({
 
   return (
     <div className={cn('relative', classNames.wrapper)} {...props}>
-      {isLoading && <Skeleton className={cn('absolute inset-0 rounded-lg', className)} />}
+      {isLoading && <Skeleton className={cn('absolute inset-0', className)} />}
       {!hasError ? (
         <img
           src={imageUrl}

src/components/Note/Poll.tsx

@@ -167,7 +167,7 @@ export default function Poll({ event, className }: { event: Event; className?: s
                 key={option.id}
                 title={option.label}
                 className={cn(
-                  'relative w-full px-4 py-3 rounded-lg border transition-all flex items-center gap-2',
+                  'relative w-full px-4 py-3 rounded-lg border transition-all flex items-center gap-2 overflow-hidden',
                   canVote ? 'cursor-pointer' : 'cursor-not-allowed',
                   canVote &&
                     (selectedOptionIds.includes(option.id)
@@ -203,7 +203,7 @@ export default function Poll({ event, className }: { event: Event; className?: s
                 {/* Progress Bar Background */}
                 <div
                   className={cn(
-                    'absolute inset-0 rounded-md transition-all duration-700 ease-out',
+                    'absolute inset-0 rounded-r-sm transition-all duration-700 ease-out',
                     isMax ? 'bg-primary/60' : 'bg-muted/90'
                   )}
                   style={{ width: `${percentage}%` }}

src/components/WebPreview/index.tsx

@@ -23,14 +23,14 @@ export default function WebPreview({ url, className }: { url: string; className?
   if (isSmallScreen && image) {
     return (
       <div
-        className="rounded-lg border mt-2"
+        className="rounded-lg border mt-2 overflow-hidden"
         onClick={(e) => {
           e.stopPropagation()
           window.open(url, '_blank')
         }}
       >
-        <Image image={{ url: image }} className="w-full h-44 rounded-t-lg" hideIfError />
-        <div className="bg-muted p-2 w-full rounded-b-lg">
+        <Image image={{ url: image }} className="w-full h-44 rounded-none" hideIfError />
+        <div className="bg-muted p-2 w-full">
           <div className="text-xs text-muted-foreground">{hostname}</div>
           <div className="font-semibold line-clamp-1">{title}</div>
         </div>
@@ -40,7 +40,7 @@ export default function WebPreview({ url, className }: { url: string; className?
 
   return (
     <div
-      className={cn('p-0 clickable flex w-full border rounded-lg', className)}
+      className={cn('p-0 clickable flex w-full border rounded-lg overflow-hidden', className)}
       onClick={(e) => {
         e.stopPropagation()
         window.open(url, '_blank')
@@ -49,7 +49,7 @@ export default function WebPreview({ url, className }: { url: string; className?
       {image && (
         <Image
           image={{ url: image }}
-          className="rounded-lg aspect-[4/3] xl:aspect-video object-cover bg-foreground h-44"
+          className="aspect-[4/3] xl:aspect-video object-cover bg-foreground h-44 rounded-none"
           hideIfError
         />
       )}