diff --git a/app/components/Chatbot/index.tsx b/app/components/Chatbot/index.tsx
index ffdd6850..fdf9e522 100644
--- a/app/components/Chatbot/index.tsx
+++ b/app/components/Chatbot/index.tsx
@@ -74,7 +74,7 @@ const QuestionInput = ({initial, onChange, onAsk}: QuestionInputProps) => {
     <div className="widget-ask fcol-10">
       {results.length > 0 ? (
         <Button className="full-width suggestion" action={() => handleAsk(results[0].title)}>
-          {results[0].title}
+          <p className="default">{results[0].title}</p>
         </Button>
       ) : undefined}
       <div className="flex-container">
diff --git a/app/components/Chatbot/widgit.css b/app/components/Chatbot/widgit.css
index 52931a66..6673d6c2 100644
--- a/app/components/Chatbot/widgit.css
+++ b/app/components/Chatbot/widgit.css
@@ -52,6 +52,11 @@
 .widget-ask .suggestion {
   border: 1px solid var(--colors-cool-grey-200, #dfe3e9);
   justify-content: start;
+  padding: var(--spacing-8) var(--spacing-12);
+}
+
+.widget-ask .suggestion:hover {
+  background: var(--colors-teal-50); 
 }
 
 .widget-ask .send {