fix:tawkto

components/landing/NewsTicker.tsx

@@ -46,10 +46,24 @@ export default function NewsTicker() {
   }, [article]);
 
   return (
-    <div className="fixed bottom-0 z-50 flex flex-row h-[60px] gap-3 w-full justify-between dark:bg-stone-800 bg-gray-50">
+    <div className="fixed bottom-0 z-50 flex flex-row h-[60px] w-full dark:bg-stone-800 bg-gray-50">
       <div className="relative px-4 py-2 font-semibold text-xs lg:text-sm flex items-center bg-[#bb3523] text-white w-[30%] lg:w-[10%]">
         <span className="mr-2"></span> BREAKING NEWS
-        <div className="absolute right-0 top-0 h-full w-4 bg-[#bb3523] transform translate-x-full clipPath-triangle"></div>
+        {/* <div className="absolute right-0 top-0 h-full w-4 bg-[#bb3523] transform translate-x-full clipPath-triangle"></div> */}
+      </div>
+      <div className="flex flex-row text-white h-full gap-[1px] border-l-2 border-white">
+        <a
+          className="bg-[#bb3523] h-full flex items-center"
+          onClick={() => handlePrev()}
+        >
+          <ChevronLeftIcon />
+        </a>
+        <a
+          className="bg-[#bb3523] h-full flex items-center"
+          onClick={() => handleNext()}
+        >
+          <ChevronRightIcon />
+        </a>
       </div>
       {article?.length > 0 ? (
         <div
@@ -82,20 +96,6 @@ export default function NewsTicker() {
           <p>Loading...</p>
         </div>
       )}
-      <div className="flex flex-row text-white h-full gap-[1px]">
-        <a
-          className="bg-[#bb3523] h-full flex items-center"
-          onClick={() => handlePrev()}
-        >
-          <ChevronLeftIcon />
-        </a>
-        <a
-          className="bg-[#bb3523] h-full flex items-center"
-          onClick={() => handleNext()}
-        >
-          <ChevronRightIcon />
-        </a>
-      </div>
     </div>
   );
 }