diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
index 77c4234cd9..3e008cb04d 100644
--- a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
+++ b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
@@ -42,7 +42,7 @@ mat-form-field {
 }
 
 .actions-wrapper {
-  width: 50%;
+  width: 51%;
 }
 
 .actions-wrapper,
@@ -107,7 +107,7 @@ mat-form-field {
 }
 
 .email-input-container {
-  max-width: 50%;
+  max-width: 49%;
   padding-inline-end: 24px;
 }
 
diff --git a/src/app/layout/footer/footer.component.scss b/src/app/layout/footer/footer.component.scss
index f10d5ef1d2..87b10b084d 100644
--- a/src/app/layout/footer/footer.component.scss
+++ b/src/app/layout/footer/footer.component.scss
@@ -1,6 +1,16 @@
 footer {
   padding-bottom: 16px;
 }
+
+.columns-8,
+.columns-4 {
+  :host {
+    footer {
+      padding-bottom: 75px;
+    }
+  }
+}
+
 .url-lists {
   margin: 0;
   padding: 0;
@@ -11,20 +21,25 @@ footer {
   height: 35px;
   padding-top: 24px;
   padding-bottom: 16px;
+
   > .col {
     width: 275px;
   }
+
   a {
     margin-left: 12px;
+
     [dir] :host & {
       margin-left: auto;
       margin-right: 12px;
     }
+
     img {
       height: 41px;
       width: auto;
       object-fit: cover;
     }
+
     img.social {
       height: 24px;
     }
@@ -37,6 +52,7 @@ footer {
     width: 80px;
     height: 15px;
     margin-right: 8px;
+
     [dir] :host & {
       margin-right: auto;
       margin-left: 8px;
@@ -45,6 +61,7 @@ footer {
 
   .CC0 {
     text-align: center;
+
     .columns-4 :host &,
     .columns-8 :host & {
       padding-bottom: 15px;
@@ -55,11 +72,13 @@ footer {
 .links {
   > .url-lists {
     justify-content: space-around;
+
     a {
       .columns-4 :host &,
       .columns-8 :host & {
         justify-content: space-around;
       }
+
       button {
         padding: 0 12px;
       }
@@ -71,6 +90,7 @@ a:hover,
 a:focus {
   text-decoration: underline;
 }
+
 .links {
   a {
     cursor: pointer;
@@ -95,6 +115,7 @@ a:focus {
   font-size: inherit !important;
   font-weight: inherit !important;
 }
+
 .ot-sdk-show-settings:hover {
   color: inherit !important;
   background-color: inherit !important;
diff --git a/src/styles.scss b/src/styles.scss
index b3c1d10f27..cb0060635a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -23,22 +23,26 @@ html,
 body {
   height: 100%;
 }
+
 body {
   margin: 0;
   font-family: 'Noto Sans', sans-serif;
   font-display: swap;
 }
+
 app-root {
   min-height: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
 }
+
 .router-container {
   padding-bottom: 240px; //remove footer height
+
   .columns-8 &,
   .columns-4 & {
-    padding-bottom: 410px;
+    padding-bottom: 500px;
   }
 }
 
@@ -89,12 +93,15 @@ input[type='reset'] {
   font: inherit;
   cursor: pointer;
 }
+
 html {
   overflow-y: scroll;
 }
+
 .pointer {
   cursor: pointer;
 }
+
 .sr-only {
   position: absolute;
   width: 1px;