diff --git a/assets/scss/_footer_project.scss b/assets/scss/_footer_project.scss
index aaf79395e..3584fa858 100644
--- a/assets/scss/_footer_project.scss
+++ b/assets/scss/_footer_project.scss
@@ -263,17 +263,11 @@
     border-radius: 0.5rem;
     outline: none;
     color: $white;
+    transition: border-color 0.2s ease;
 
     &:focus {
-      padding: 1rem;
-      margin-right: 0.25rem;
-      width: 24rem;
-      height: 3.5rem;
-      border: 0.5px solid $white;
-      background: transparent;
-      border-radius: 0.5rem;
+      border: 1px solid $white;
       outline-width: 0;
-      color: $white;
     }
   }
 
@@ -286,6 +280,35 @@
     border: none;
   }
 
+  .newsletter-container {
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .newsletter-input-row {
+    display: flex;
+    align-items: center;
+  }
+
+  .newsletter-message {
+    margin-top: 0.5rem;
+    font-size: 0.9rem;
+    min-height: 1.5rem;
+  }
+
+  .visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
   .footer-hr {
     width: 100%;
     color: $white;
@@ -587,4 +610,4 @@
   .footer-company{
     margin-left: 5px;
   }
-}
\ No newline at end of file
+}