diff --git a/addons/im_livechat/static/src/legacy/public_livechat_chatbot.xml b/addons/im_livechat/static/src/legacy/public_livechat_chatbot.xml
index 65600079e09..09c2f89d040 100644
--- a/addons/im_livechat/static/src/legacy/public_livechat_chatbot.xml
+++ b/addons/im_livechat/static/src/legacy/public_livechat_chatbot.xml
@@ -41,7 +41,7 @@
                 <t t-foreach="message.getChatbotStepAnswers()" t-as="stepAnswer">
                     <li t-att-data-chatbot-step-answer-id="stepAnswer.id"
                         t-att-data-chatbot-step-redirect-link="stepAnswer.redirect_link"
-                        class="d-inline-block border border-primary rounded p-2 me-3 mb-1 fw-bold">
+                        class="o_livechat_chatbot_stepAnswer d-inline-block border border-primary rounded p-2 me-3 mb-1 fw-bold">
                         <t t-out="stepAnswer.label"/>
                     </li>
                     <br/>
diff --git a/addons/im_livechat/static/src/scss/im_livechat_bootstrap.scss b/addons/im_livechat/static/src/scss/im_livechat_bootstrap.scss
index 740c1a77c4d..3c588a966e1 100644
--- a/addons/im_livechat/static/src/scss/im_livechat_bootstrap.scss
+++ b/addons/im_livechat/static/src/scss/im_livechat_bootstrap.scss
@@ -34,3 +34,27 @@
         content: " \27A4";
     }
 }
+
+// Bootstrap classnames are not available in external lib
+// These are equivalent scss rules so visually it still works.
+.o_livechat_chatbot_end {
+  // @extend .bg-200;
+  font-style: italic !important; // @extend .fst-italic;
+  text-align: center !important; // @extend .text-center;
+  border: 1px solid #dee2e6 !important; // @extend .border;
+}
+
+.o_livechat_chatbot_stepAnswer {
+  display: inline-block !important; // @extend .d-inline-block;
+  border: 1px solid #dee2e6 !important; // @extend .border;
+  border-color: #017e84 !important; // @extend .border-primary;
+  border-radius: 0.25rem !important; // @extend .rounded;
+  padding: 0.5rem !important; // @extend .p-2;
+  margin-right: 1rem !important; // @extend .me-3;
+  margin-bottom: 0.25rem !important; // @extend .mb-1;
+  font-weight: 700 !important; // @extend .fw-bold;
+}
+
+.o_livechat_chatbot_options li:not(.disabled):hover {
+  background-color: #017e84 !important;
+}