edit styling

Author: JacobBaqleh1

frontend/src/pages/Chat/components/SuggestedPrompts.tsx

@@ -11,12 +11,12 @@ const prompts = [
 
 export default function SuggestedPrompts({ onPromptClick }: SuggestedPromptsProps) {
     return (
-        <div className="xl:w-1/3 items-center m-auto ">
+        <div className=" items-center m-auto ">
             <div className=" flex flex-col gap-4 fade-in-up items-center ">
                 {prompts.map((prompt, idx) => (
                     <button
                         key={idx}
-                        className="inline-flex px-3 border border-[#1f584f] rounded-4xl cursor-pointer py-1 font-medium sm:bg-white hover:bg-[#bac9b2]  "
+                        className="inline-flex px-4 border border-[#1f584f] rounded-4xl cursor-pointer py-1 font-medium sm:bg-white hover:bg-[#bac9b2]  "
                         onClick={() =>
                             onPromptClick(
                                 Array.isArray(prompt) ? prompt.join(" ") : prompt