diff --git a/src/components/Chatbot/chatbot.js b/src/components/Chatbot/chatbot.js
index a60ded199..717386ce7 100644
--- a/src/components/Chatbot/chatbot.js
+++ b/src/components/Chatbot/chatbot.js
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { Helmet } from 'react-helmet';
-import './stylr.css';
+import './style.css';
 
 const Chatbot = () => {
   useEffect(() => {
@@ -23,7 +23,7 @@ const Chatbot = () => {
   return (
     <div>
       <Helmet>
-        <link rel="stylesheet" href="stylr.css" />
+        <link rel="stylesheet" href="style.css" />
       </Helmet>
     </div>
   );
diff --git a/src/components/Chatbot/stylr.css b/src/components/Chatbot/style.css
similarity index 99%
rename from src/components/Chatbot/stylr.css
rename to src/components/Chatbot/style.css
index 67d1fe524..aed11cd09 100644
--- a/src/components/Chatbot/stylr.css
+++ b/src/components/Chatbot/style.css
@@ -61,7 +61,7 @@
     bottom: 5px;
     border: 1px;
   }
-  /* Responsive design rules for devices with width less than or equal to 767px */
+  /* Responsive design rules for devices with width less than or equal to 450px */
   @media(max-width:450px) {
     .bpw-layout {
       width: 100% !important;