diff --git a/frontend/src/components/Arrow.jsx b/frontend/src/components/Arrow.jsx
index 0ab2692..12571fb 100644
--- a/frontend/src/components/Arrow.jsx
+++ b/frontend/src/components/Arrow.jsx
@@ -19,7 +19,7 @@ export default function Arrow({
       <svg
         width={width}
         height={height}
-        viewBox="0 0 84 40"
+        viewBox={`0 0 ${width} ${height}`}
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
       >
diff --git a/frontend/src/pages/Main.jsx b/frontend/src/pages/Main.jsx
index bc4cf6d..8523046 100644
--- a/frontend/src/pages/Main.jsx
+++ b/frontend/src/pages/Main.jsx
@@ -14,20 +14,20 @@ export default function Dashboard() {
   return (
     <PageLayout>
       <main
-        className="px-16 grow w-full gap-4 bg-cover bg-center bg-no-repeat h-screen overflow-hidden"
+        className="px-5 md:px-16 grow w-full bg-cover bg-center bg-no-repeat h-screen overflow-hidden"
         style={{ backgroundImage: `url(${bgLayout})` }}
       >
-        <div className="mt-37.5 leading-[1.3] text-6xl font-bold text-white flex flex-col">
+        <div className="mt-10 md:mt-37.5 leading-[1.3] text-2xl md:text-6xl font-bold text-white flex flex-col">
           <div
             className={`transition-all duration-1000 ease-out ${isLoaded
                 ? "translate-x-0 opacity-100"
                 : "-transition-x-full opacity-0"
               }`}
           >
-            <div>Свежие морепродукты</div>
-            <div>На любой вкус</div>
-            <div className="pl-10 py-6.5 font-normal text-2xl flex flex-row">
-              <div className="mr-10">Смотреть товары</div>
+            Свежие морепродукты <br />
+            на любой вкус
+            <div className="pl-4.5 md:pl-10 py-1.5 md:py-6.5 font-normal text-base md:text-2xl flex flex-row items-center">
+              <div className="mr-5 md:mr-10">Смотреть товары</div>
               <Arrow link="/shop" />
             </div>
           </div>