diff --git a/index.html b/index.html
index 31b4ca1..8209efe 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,40 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title id="title-id">Adaptive Dashboard</title>
     <link rel="manifest" id="manifest-link" />
+    <style>
+      #tidio-chat-iframe {
+        bottom: 0px !important;  /* Adjust this value – higher number = moved further up from the bottom */
+        right: 20px !important;    /* Optional: tweak horizontal position if needed */
+      }
+
+      /* Optional: Different position on mobile (to avoid overlaps there) */
+      @media only screen and (max-width: 980px) {
+        #tidio-chat-iframe {
+          bottom: 0px !important;  /* Example for mobile – test and adjust */
+        }
+      }
+    </style>
   </head>
+  <script src="//code.tidio.co/ojd4ex1awaevuymq9oijcmh7yln2pown.js" async></script>
+  <script>
+    function onTidioChatApiReady() {
+      // Move higher on desktop (increase value to move further up, e.g., 100px, 150px)
+      tidioChatApi.adjustStyles('#tidio { bottom: 0px !important; }');
+
+      // Optional: Separate adjustment for mobile (overrides desktop if needed)
+      tidioChatApi.adjustStyles(
+        '#tidio { bottom: 0px !important; }',
+        '@media only screen and (max-width: 980px)'
+      );
+    }
+
+    // Wait for the widget to be ready
+    if (window.tidioChatApi) {
+      tidioChatApi.on('ready', onTidioChatApiReady);
+    } else {
+      document.addEventListener('tidioChat-ready', onTidioChatApiReady);
+    }
+  </script>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/app/main.tsx"></script>
diff --git a/indexV2.html b/indexV2.html
index 31b4ca1..8209efe 100644
--- a/indexV2.html
+++ b/indexV2.html
@@ -6,7 +6,40 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title id="title-id">Adaptive Dashboard</title>
     <link rel="manifest" id="manifest-link" />
+    <style>
+      #tidio-chat-iframe {
+        bottom: 0px !important;  /* Adjust this value – higher number = moved further up from the bottom */
+        right: 20px !important;    /* Optional: tweak horizontal position if needed */
+      }
+
+      /* Optional: Different position on mobile (to avoid overlaps there) */
+      @media only screen and (max-width: 980px) {
+        #tidio-chat-iframe {
+          bottom: 0px !important;  /* Example for mobile – test and adjust */
+        }
+      }
+    </style>
   </head>
+  <script src="//code.tidio.co/ojd4ex1awaevuymq9oijcmh7yln2pown.js" async></script>
+  <script>
+    function onTidioChatApiReady() {
+      // Move higher on desktop (increase value to move further up, e.g., 100px, 150px)
+      tidioChatApi.adjustStyles('#tidio { bottom: 0px !important; }');
+
+      // Optional: Separate adjustment for mobile (overrides desktop if needed)
+      tidioChatApi.adjustStyles(
+        '#tidio { bottom: 0px !important; }',
+        '@media only screen and (max-width: 980px)'
+      );
+    }
+
+    // Wait for the widget to be ready
+    if (window.tidioChatApi) {
+      tidioChatApi.on('ready', onTidioChatApiReady);
+    } else {
+      document.addEventListener('tidioChat-ready', onTidioChatApiReady);
+    }
+  </script>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/app/main.tsx"></script>
diff --git a/package-lock.json b/package-lock.json
index abf6c85..753db8c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9727,9 +9727,9 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13757,9 +13757,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "6.3.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.6.tgz",
-      "integrity": "sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==",
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
+      "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
diff --git a/src/app/App.css b/src/app/App.css
index 89db113..93468b3 100644
--- a/src/app/App.css
+++ b/src/app/App.css
@@ -44,4 +44,16 @@ html, body, #root {
 
 .MuiPopover-root {
   z-index: 1501 !important;
+}
+
+#tidio-chat-iframe {
+  bottom: 100px !important;  /* Adjust this value – higher number = moved further up from the bottom */
+  right: 20px !important;    /* Optional: tweak horizontal position if needed */
+}
+
+/* Optional: Different position on mobile (to avoid overlaps there) */
+@media only screen and (max-width: 980px) {
+  #tidio-chat-iframe {
+    bottom: 80px !important;  /* Example for mobile – test and adjust */
+  }
 }
\ No newline at end of file
