diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index d8627db..d91ce25 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-e7681877'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.mgpgjruthpo"
+    "revision": "0.4if6iedhk8"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/src/index.css b/src/index.css
index c7ce8d6..b792c9c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -247,3 +247,9 @@ tbody tr {
 *::-webkit-scrollbar {
   display: none;
 }
+
+html,
+body {
+  overflow-x: hidden;
+  max-width: 100vw;
+}
diff --git a/src/pages/service/OtherServices.tsx b/src/pages/service/OtherServices.tsx
index e69ce15..cda05c3 100644
--- a/src/pages/service/OtherServices.tsx
+++ b/src/pages/service/OtherServices.tsx
@@ -22,7 +22,7 @@ const OtherServices: FC = () => {
     const getAdsLeft = useGetAds(AdsDisplayLocation.OTHER_SERVICES_LEFT)
 
     return (
-        <div className='w-full flex gap-6'>
+        <div className='w-full xl:flex xl:gap-6'>
             <Helmet>
                 <title>داناک | لیست سرویس ها
                 </title>
diff --git a/src/pages/service/components/OtherServices.tsx b/src/pages/service/components/OtherServices.tsx
index 2c979bf..8fe1335 100644
--- a/src/pages/service/components/OtherServices.tsx
+++ b/src/pages/service/components/OtherServices.tsx
@@ -53,6 +53,8 @@ const OtherServicesComponent: FC = () => {
                 </Swiper>
             </div>
 
+
+
             <div className='flex w-full gap-6 items-center'>
                 <div className='flex items-stretch w-full flex-wrap xl:gap-6 gap-4 mt-8'>
                     {
diff --git a/src/pages/service/components/ServiceHeader.tsx b/src/pages/service/components/ServiceHeader.tsx
index bb43282..dd8c1cd 100644
--- a/src/pages/service/components/ServiceHeader.tsx
+++ b/src/pages/service/components/ServiceHeader.tsx
@@ -37,7 +37,7 @@ const ServiceHeader: FC<Props> = (props: Props) => {
 
     return (
         <div className='w-full p-6 bg-white rounded-3xl flex xl:flex-row flex-col items-end xl:justify-between'>
-            <div className='flex xl:gap-8 gap-4'>
+            <div className='flex w-full xl:gap-8 gap-4'>
                 <div className='xl:size-[70px] xl:min-w-[70px] min-w-[50px] size-[50px] rounded-xl'>
                     <img src={data?.icon} className='w-full h-full rounded-xl' />
                 </div>