diff --git a/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss b/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
index dc21dde..eacf95e 100644
--- a/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
+++ b/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
@@ -41,7 +41,7 @@ section {
   position: absolute;
   width: 60%;
   top: 120px;
-  left: 96px;
+  left: 48px;
   gap: 32px;
   opacity: 0px;
 }
diff --git a/frontend/src/app/shared/components/header/header.component.scss b/frontend/src/app/shared/components/header/header.component.scss
index 29cec00..2b9fad3 100644
--- a/frontend/src/app/shared/components/header/header.component.scss
+++ b/frontend/src/app/shared/components/header/header.component.scss
@@ -9,7 +9,7 @@ header {
   left: 0;
   right: 0;
   height: 88px;
-  padding: 10px 96px;
+  padding: 10px 48px;
   z-index: 1;
 }
 
@@ -30,7 +30,7 @@ header {
 
 /*------------- RESPONSIVE -------------*/
 
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 600px) {
   header {
     padding: 10px 24px;
   }