diff --git a/src/app/modules/components/header/header.component.html b/src/app/modules/components/header/header.component.html
index f7049300..44bf6fdf 100644
--- a/src/app/modules/components/header/header.component.html
+++ b/src/app/modules/components/header/header.component.html
@@ -2,6 +2,14 @@
   <header fxLayout="row">
     <div class="container">
       <a routerLink="/"><mat-icon svgIcon="logo" class="logo"></mat-icon></a>
+      <div *ngIf="!hideMenu" fxLayout="row" fxLayoutGap="8px">
+        <a (click)="openMobileNotifications()" fxHide fxHide.xs="false">
+          <app-icon [icon]="notificationIcon"></app-icon>
+        </a>
+        <a (click)="openDialog()" id="support" fxHide fxHide.xs="false">
+          <mat-icon svgIcon="bars" class="bars"></mat-icon>
+        </a>
+      </div>
       <nav fxHide.xs fxLayoutGap="32px" *ngIf="!hideMenu">
         <a routerLink="/" #explore>Explore</a>
         <a routerLink="/dados">Dados</a>
@@ -14,15 +22,15 @@
         <button routerLink="/apoie" class="btn">Apoie</button>
         <button routerLink="/educacao" class="btn-purple">Educação</button>
       </nav>
-      <a *ngIf="!hideMenu" (click)="openDialog()" id="support" fxHide fxHide.xs="false">
-        <mat-icon svgIcon="bars" class="bars"></mat-icon>
-      </a>
     </div>
     <app-modal fxHide> </app-modal>
     <app-notifications fxHide></app-notifications>
   </header>
 </app-row>
 
+<div class="mobile-notifications" *ngIf="mobileNotificationsOpen" fxHide fxHide.xs="false">
+  <app-notifications></app-notifications>
+</div>
 
 <div class="suspended-menu" *ngIf="mobileMenuOpen" (click)="onClickLink()">
   <a routerLink="/" #explore><div class="link bg-white">
diff --git a/src/app/modules/components/header/header.component.sass b/src/app/modules/components/header/header.component.sass
index d284f1d5..2c0d3d51 100644
--- a/src/app/modules/components/header/header.component.sass
+++ b/src/app/modules/components/header/header.component.sass
@@ -64,6 +64,12 @@ header
 .suspended-menu
   display: none
 
+.mobile-notifications
+  position: fixed
+  width: 100vw
+  height: 100%
+  overflow-y: auto
+
 @media only screen and (max-width: 960px)
   :host
     position: sticky
diff --git a/src/app/modules/components/header/header.component.ts b/src/app/modules/components/header/header.component.ts
index 74bf5910..c5cf3877 100644
--- a/src/app/modules/components/header/header.component.ts
+++ b/src/app/modules/components/header/header.component.ts
@@ -17,6 +17,7 @@ import { tokenKeys } from '../../pages/area-education/utils';
 export class HeaderComponent implements OnInit {
   @ViewChild('explore') explore!: ElementRef;
   mobileMenuOpen = false;
+  mobileNotificationsOpen = false;
   userData: UserModel = {};
   urlsHide = ['/educacao/cadastrar'];
   hideMenu = false;
@@ -93,4 +94,8 @@ export class HeaderComponent implements OnInit {
       },
     });
   }
+
+  openMobileNotifications() {
+    this.mobileNotificationsOpen = !this.mobileNotificationsOpen;
+  }
 }