diff --git a/src/app/core/header/header.component.html b/src/app/core/header/header.component.html
index ed49563..c39f9e9 100644
--- a/src/app/core/header/header.component.html
+++ b/src/app/core/header/header.component.html
@@ -1,12 +1,12 @@
 <header>
   <nav>
     <div fxFlex fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center center">
-      <div fxFlex="40" fxLayout.xs="row" fxLayoutAlign="left right">
+      <div fxFlex="50" fxLayout.xs="row" fxLayoutAlign="left right">
         <a mat-raised-button *ngFor="let item of menuItems" routerLink="{{item.link}}">
           {{item.name | uppercase}}
         </a>
       </div>
-      <div fxFlex="20" id="today" class="text-center">
+      <div fxFlex="10" id="today">
         <span ng-show="title || false" class="title">{{ title }}</span>
       </div>
       <div fxFlex="40" class="text-right">
diff --git a/src/app/core/header/header.component.scss b/src/app/core/header/header.component.scss
index f6777ee..7f29f13 100644
--- a/src/app/core/header/header.component.scss
+++ b/src/app/core/header/header.component.scss
@@ -62,10 +62,6 @@
         > div {
           margin-top: 1em;
         }
-
-        #today {
-          margin-top: 2em;
-        }
       }
     }
   }
@@ -79,6 +75,18 @@
   }
 }
 
+@media (max-width:599px){
+  :host(app-header) {
+    header {
+      nav {
+          #today{
+            margin-top: 1em;
+          }
+      }
+    }
+  }
+}
+
 @media (max-width: 425px) {
   :host(app-nav) {
     padding-bottom: 0;