From 51e56e17ee1f9b804ffda96b0d63d5df474f2b6e Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Sun, 4 Aug 2024 21:57:54 +0530
Subject: [PATCH] Align padding of agent pills to home screen chat input on
 small screens

---
 src/interface/web/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/interface/web/app/page.tsx b/src/interface/web/app/page.tsx
index e77589a1..03380b7f 100644
--- a/src/interface/web/app/page.tsx
+++ b/src/interface/web/app/page.tsx
@@ -233,7 +233,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
                 props.isMobileWidth &&
                 <>
                     <div className={`${styles.inputBox} pt-1 shadow-[0_-20px_25px_-5px_rgba(0,0,0,0.1)] dark:bg-neutral-700 bg-background align-middle items-center justify-center pb-3 mx-1 rounded-t-2xl rounded-b-none`}>
-                        <div className="flex gap-2 items-center justify-left pt-1 pb-2 px-10">
+                        <div className="flex gap-2 items-center justify-left pt-1 pb-2 px-12">
                             {agentIcons.map((icon, index) => (
                                 <Card
                                     key={`${index}-${agents[index].slug}`}