diff --git a/src/components/common/card/card.module.scss b/src/components/common/card/card.module.scss
index 67fb7b7..60b9507 100644
--- a/src/components/common/card/card.module.scss
+++ b/src/components/common/card/card.module.scss
@@ -44,6 +44,7 @@
       }
 
       .date {
+        color: var(--color-grey-light);
         font-family: var(--font-dm-mono), sans-serif;
         margin-left: tovw(16px, 'default', 16px);
       }
@@ -84,7 +85,7 @@
   @media screen and (min-width: 801px) {
     &.horizontal {
       flex-direction: row;
-      gap: tovw(32px, 'default', 16px);
+      gap: tovw(44px, 'default', 44px);
 
       > .image__container {
         height: tovw(355px, 'default', 200px);
@@ -112,7 +113,7 @@
           p {
             font-size: tovw(24px, 'default', 24px);
             line-height: 134%;
-            letter-spacing: -0.01em;
+            letter-spacing: -0.02em;
           }
         }
 
@@ -120,6 +121,10 @@
           display: none;
         }
       }
+
+      .date {
+        color: var(--color-white);
+      }
     }
   }
 }
diff --git a/src/components/sections/blog/hero/hero.module.scss b/src/components/sections/blog/hero/hero.module.scss
index c561de4..78174f1 100644
--- a/src/components/sections/blog/hero/hero.module.scss
+++ b/src/components/sections/blog/hero/hero.module.scss
@@ -4,10 +4,11 @@
   display: flex;
   align-items: center;
   flex-direction: column;
-  justify-content: center;
+  justify-content: space-between;
   max-width: 100%;
   min-height: calc(var(--vh) * 100);
   padding-top: tovw(255px, 'default', 204px);
+  padding-bottom: tovw(92px, 'default', 40px);
   text-align: center;
   background: linear-gradient(
     180deg,
diff --git a/src/components/sections/blog/posts-grid/posts-grid.module.scss b/src/components/sections/blog/posts-grid/posts-grid.module.scss
index 48878b5..8c9324d 100644
--- a/src/components/sections/blog/posts-grid/posts-grid.module.scss
+++ b/src/components/sections/blog/posts-grid/posts-grid.module.scss
@@ -6,7 +6,7 @@
   column-gap: tovw(24px, 'default', 24px);
   row-gap: tovw(104px, 'default', 81px);
   padding-bottom: tovw(80px, 'default', 80px);
-  padding-top: tovw(80px, 'default', 88px);
+  padding-top: tovw(96px, 'default', 88px);
 
   @media screen and (max-width: 800px) {
     grid-template-columns: 1fr;
diff --git a/src/components/sections/blog/search/search.module.scss b/src/components/sections/blog/search/search.module.scss
index 1f4a71e..8956914 100644
--- a/src/components/sections/blog/search/search.module.scss
+++ b/src/components/sections/blog/search/search.module.scss
@@ -4,16 +4,15 @@
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
-  padding-top: tovw(200px, 'default', 104px);
+  padding-top: tovw(108px, 'default', 64px);
 
   @media screen and (max-width: 800px) {
-    gap: tovw(32px, 'default', 32px);
     flex-direction: column-reverse;
   }
 
   > nav {
     display: flex;
-    gap: 12px;
+    gap: tovw(12px, 'default', 12px);
 
     @media screen and (max-width: 800px) {
       overflow-x: scroll;
@@ -23,6 +22,8 @@
     }
 
     a {
+      font-size: tovw(12px, 'default', 12px);
+      height: tovw(40px, 'default', 40px);
       text-decoration: none;
       white-space: nowrap;
     }
@@ -43,8 +44,12 @@
 
 .search {
   position: relative;
+  padding-left: tovw(24px, 'default', 24px);
+  min-width: 34%;
 
   @media screen and (max-width: 800px) {
+    margin-bottom: tovw(32px, 'default', 32px);
+    padding-left: 0;
     width: 100%;
   }
 
@@ -56,18 +61,17 @@
   }
 
   > input {
+    appearance: none;
+    background: none;
+    border: none;
+    border-bottom: 1px solid white;
+    border-radius: 0;
+    color: white;
     font-family: var(--font-tt-hoves);
     font-size: tovw(24px, 'default', 18px);
     line-height: 1;
     letter-spacing: -0.02em;
-    background: none;
-    border: none;
-    border-bottom: 1px solid white;
     padding-bottom: 12px;
-    color: white;
-
-    @media screen and (max-width: 800px) {
-      width: 100%;
-    }
+    width: 100%;
   }
 }