diff --git a/.changeset/major-ants-cut.md b/.changeset/major-ants-cut.md
new file mode 100644
index 00000000..b0325a09
--- /dev/null
+++ b/.changeset/major-ants-cut.md
@@ -0,0 +1,5 @@
+---
+"ai-elements": patch
+---
+
+fix(prompt-input): Adjust image preview hover state and alignment in input head
diff --git a/packages/elements/src/prompt-input.tsx b/packages/elements/src/prompt-input.tsx
index ae522f80..deb6cd64 100644
--- a/packages/elements/src/prompt-input.tsx
+++ b/packages/elements/src/prompt-input.tsx
@@ -286,7 +286,7 @@ export function PromptInputAttachment({
       <HoverCardTrigger asChild>
         <div
           className={cn(
-            "group relative flex h-8 cursor-default select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            "group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
             className
           )}
           key={data.id}
@@ -377,7 +377,7 @@ export function PromptInputAttachments({
 
   return (
     <div
-      className={cn("flex flex-wrap items-center gap-2 p-3", className)}
+      className={cn("flex flex-wrap items-center gap-2 p-3 w-full", className)}
       {...props}
     >
       {attachments.files.map((file) => (