add opacity and fix spacing

Author: JacobBaqleh1

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

@@ -13,12 +13,12 @@ export default function SuggestedPrompts({
   onPromptClick,
 }: SuggestedPromptsProps) {
   return (
-    <div className=" items-center m-auto ">
-      <div className=" flex flex-col gap-4 fade-in-up items-center ">
+    <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-4 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]/50"
             onClick={() =>
               onPromptClick(Array.isArray(prompt) ? prompt.join(" ") : prompt)
             }