diff --git a/src/widgets/hero-section.tsx b/src/widgets/hero-section.tsx
index 7743dca..6f729c3 100644
--- a/src/widgets/hero-section.tsx
+++ b/src/widgets/hero-section.tsx
@@ -12,14 +12,14 @@ export const HeroSection = () => {
 
   return (
     <section className='relative'>
-      <div className='relative h-[500px] w-full overflow-hidden bg-black sm:h-[500px] xl:h-[700px]'>
+      <div className='relative h-[550px] w-full overflow-hidden bg-black sm:h-[500px] xl:h-[650px]'>
         <div
           style={{
             width: '100%',
-            height: '90%',
+            height: '50%',
             position: 'absolute',
-            top: -60,
-            right: 20,
+            // top: -60,
+            // right: 20,
           }}
           className='sm:!top-0 sm:!right-20 sm:!h-[70vh] sm:!w-[100vh]'
         >
@@ -36,7 +36,7 @@ export const HeroSection = () => {
           <div className='container mx-auto'>
             <div className='max-w-lg space-y-4 text-white'>
               <div className='animate-fade animate-duration-[3000ms] animate-ease-in-out'>
-                <h1 className='text-4xl font-bold tracking-tight md:text-6xl'>
+                <h1 className='text-5xl font-bold tracking-tight md:text-6xl'>
                   {t('home.hero.title')}
                 </h1>
               </div>