diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 52cc6ae9..27965834 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -23,7 +23,7 @@ export default function RootLayout({
 
   return (
     <html lang="en">
-      <body className="min-h-screen flex flex-col justify-between overflow-x-hidden">
+      <body className="min-h-screen flex flex-col justify-between overflow-x-hiddens">
         <DynamicHeader />
         <main className="flex-1 lg:pt-[140px] lg:px-6 overflow-hidden relative">
           {children}
diff --git a/src/components/pages/MainPage/Clients.tsx b/src/components/pages/MainPage/Clients.tsx
index 21cb12d8..7c93d0f9 100644
--- a/src/components/pages/MainPage/Clients.tsx
+++ b/src/components/pages/MainPage/Clients.tsx
@@ -3,7 +3,7 @@ import Image from 'next/image';
 
 export function Clients() {
   return (
-    <div className="border-b border-[#3D425C] min-h-[117px] flex gap-x-24 items-center overflow-hidden min-w-[calc(2*576.8425vw+96px)] -mx-6 py-6 mt-10">
+    <div className="border-b border-[#3D425C] min-h-[117px] flex items-center overflow-hidden gap-x-24s min-w-[200vw] sm:-mx-6 py-6 mt-10">
       <MarqueeHalf />
       <MarqueeHalf />
     </div>
@@ -12,15 +12,18 @@ export function Clients() {
 
 function MarqueeHalf() {
   return (
-    <div className="flex gap-x-24 items-center animate-infinite-scroll py-2 min-w-[576.8425vw] min-h-[117px]">
+    <div className="flex overflow-clips gap-x-24 items-center py-2 animate-infinite-scroll min-h-[117px]">
       {clients.map(client => (
-        <div key={client.src} className="min-w-fit min-h-fit relative">
+        <div
+          key={client.src}
+          className="relative min-h-[117px] content-center min-w-fit"
+        >
           <Image
             src={client.src}
             key={client.src}
             alt={client.src}
             fill
-            className="object-contain !relative"
+            className="object-contains !relative min-w-fit"
           />
         </div>
       ))}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index e31711c8..ebe60ea2 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -13,12 +13,12 @@ const config: Config = {
           'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
       },
       animation: {
-        'infinite-scroll': 'infinite-scroll 20s linear infinite',
+        'infinite-scroll': 'infinite-scroll 10s linear infinite',
         'highlight-product': 'highlight-product 0.1s ease-in 0s',
       },
       keyframes: {
         'infinite-scroll': {
-          from: { transform: 'translateX(0)' },
+          from: { transform: 'translateX(0%)' },
           to: { transform: 'translateX(-100%)' },
         },
         'highlight-product': {
