diff --git a/packages/chat/src/components/input.tsx b/packages/chat/src/components/input.tsx
index cf74848..b0032d5 100644
--- a/packages/chat/src/components/input.tsx
+++ b/packages/chat/src/components/input.tsx
@@ -91,8 +91,8 @@ export default function InputComponent({
     <Card
       ref={inputBoxRef}
       className={cn(
-        "rounded-none border-b-0 pt-0 pb-[env(safe-area-inset-bottom)] mx-2",
-        isMobile ? "border-0 border-t w-full mx-0 px-2" : "rounded-t-xl",
+        "ring-0! rounded-none border-b-0 border-t border-x border-input/70 pt-0 pb-[env(safe-area-inset-bottom)] mx-2",
+        isMobile ? "border-0 border-x-0! w-full mx-0 px-2" : "rounded-t-xl",
       )}
     >
       <CardHeader className="relative p-0 flex flex-col">
diff --git a/packages/chat/src/components/media.tsx b/packages/chat/src/components/media.tsx
index a800897..eb38b68 100644
--- a/packages/chat/src/components/media.tsx
+++ b/packages/chat/src/components/media.tsx
@@ -22,7 +22,7 @@ export default function Media({ link }: { link: string }) {
         src={link}
         hidden={hidden}
         onLoad={() => setHidden(false)}
-        className="max-h-70 max-w-70"
+        className="max-h-70 max-w-70 py-1 rounded-lg"
       />
     </>
   ) : (