diff --git a/src/components/common/noise/index.tsx b/src/components/common/noise/index.tsx
index 7b8b4a6..f771aa3 100644
--- a/src/components/common/noise/index.tsx
+++ b/src/components/common/noise/index.tsx
@@ -1,4 +1,4 @@
-import s from './noise.module.css'
+import s from './noise.module.scss'
 
 export const Noise = () => {
   return (
diff --git a/src/components/common/noise/noise.module.css b/src/components/common/noise/noise.module.scss
similarity index 93%
rename from src/components/common/noise/noise.module.css
rename to src/components/common/noise/noise.module.scss
index cf7898c..eb95109 100644
--- a/src/components/common/noise/noise.module.css
+++ b/src/components/common/noise/noise.module.scss
@@ -12,6 +12,12 @@
   animation: grain 6s steps(10) infinite;
 }
 
+[data-theme='light'] {
+  .noise {
+    opacity: 35%;
+  }
+}
+
 @keyframes grain {
   0% {
     transform: translate(20%, -15%);
diff --git a/src/components/sections/about/hero/hero.module.scss b/src/components/sections/about/hero/hero.module.scss
index cbd5b73..06d61c2 100644
--- a/src/components/sections/about/hero/hero.module.scss
+++ b/src/components/sections/about/hero/hero.module.scss
@@ -89,7 +89,7 @@
   display: flex;
   flex-direction: column;
   margin-top: tovw(26px, 'default', 26px);
-  gap: tovw(89px, 'default', 56px);
+  gap: tovw(65px, 'default', 56px);
 
   .header {
     @include respond-to('mobile') {