diff --git a/src/components/chat/message-input.tsx b/src/components/chat/message-input.tsx
index a2104a5..431d998 100644
--- a/src/components/chat/message-input.tsx
+++ b/src/components/chat/message-input.tsx
@@ -1115,7 +1115,7 @@ export function MessageInput({
         : hasResourceAttachments
           ? "pt-10"
           : "pt-3"
-  const bottomPaddingClass = "pb-10"
+  const bottomPaddingClass = "pb-14"
   const showDragActive = isDragActive && !disabled
 
   const selectorItems = (
@@ -1239,7 +1239,14 @@ export function MessageInput({
           {t("dropFilesToAttach")}
         </div>
       )}
-      <div className="@container absolute left-2 right-24 bottom-2">
+      <div
+        className={cn(
+          "pointer-events-none absolute left-px right-12 bottom-px z-10 rounded-bl-xl bg-background",
+          "h-14"
+        )}
+        aria-hidden="true"
+      />
+      <div className="@container absolute left-2 right-24 bottom-2 z-20">
         <div className="flex items-center gap-1">
           <Button
             onClick={handlePickFiles}
@@ -1276,7 +1283,7 @@ export function MessageInput({
         </div>
       </div>
       {isEditingQueueItem ? (
-        <div className="absolute right-2 bottom-2 flex items-center gap-1">
+        <div className="absolute right-2 bottom-2 z-20 flex items-center gap-1">
           <Button
             onClick={onCancelQueueEdit}
             variant="ghost"
@@ -1296,7 +1303,7 @@ export function MessageInput({
           </Button>
         </div>
       ) : isPrompting && onCancel ? (
-        <div className="absolute right-2 bottom-2 flex items-center gap-1">
+        <div className="absolute right-2 bottom-2 z-20 flex items-center gap-1">
           <Button
             onClick={handleSend}
             disabled={!hasSendableContent}
@@ -1351,7 +1358,7 @@ export function MessageInput({
           onClick={handleSend}
           disabled={disabled || !hasSendableContent}
           size="icon"
-          className="absolute right-2 bottom-2"
+          className="absolute right-2 bottom-2 z-20"
           title={t("send")}
         >
           <Send className="h-4 w-4" />