diff --git a/src/app/modals/profile/edit-profile/edit-profile.page.html b/src/app/modals/profile/edit-profile/edit-profile.page.html
index 33014055b..a485b69c5 100644
--- a/src/app/modals/profile/edit-profile/edit-profile.page.html
+++ b/src/app/modals/profile/edit-profile/edit-profile.page.html
@@ -1,81 +1,91 @@
 <ion-content class=" bg-blue">
-  <div class="profile-content width-100 height-100">
-    <div class="btn-close d-flex" (click)="close()">
-      <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
-    </div>
-
-    <div class="profile-title d-flex justify-space-between align-center width-100">
-      <div class="d-flex align-center">
-        <div>Dados do perfil</div>
+  <div class="main-content width-100 overflow-y-auto height-100">
+    <div class="profile-header width-100">
+      <div class="div-logo d-md-none">
+        <div class="logo height-fit-content">
+          <img class="img" src='assets/images/logo-no-bg.png' alt='logo'>
+        </div>
       </div>
-
-      <!-- <div class="d-flex " (click)="close()">
+      <div class="btn-close d-flex" (click)="close()">
         <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
-      </div> -->
-    </div>
-
-    <div >
-      <div class="d-flex align-center">
-        <ion-icon  class="profile-pic"  src="assets/images/icons-default-profile.svg"></ion-icon>
       </div>
     </div>
+    <div class="profile-content overflow-y-auto width-100 height-100">
+      <div class="profile-title d-flex justify-space-between align-center width-100">
+        <div class="d-flex align-center">
+          <div>Dados do perfil</div>
+        </div>
 
-    <div class="profile-info">
-      <div class="user-role">{{loggeduser.RoleDescription}}</div>
+        <!-- <div class="d-flex " (click)="close()">
+          <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
+        </div> -->
+      </div>
 
-      <div class="container-div width-100">
-        <div class="ion-item-class-2">
-          <div class="ion-icon-class">
-            <ion-icon slot="start" name="person"></ion-icon>
+      <div >
+        <div class="d-flex align-center">
+          <ion-icon  class="profile-pic"  src="assets/images/icons-default-profile.svg"></ion-icon>
+        </div>
+      </div>
+
+      <div class="profile-info">
+        <div class="user-role">{{loggeduser.RoleDescription}}</div>
+
+        <div class="container-div width-100">
+          <div class="ion-item-class-2">
+            <div class="ion-icon-class">
+              <ion-icon slot="start" name="person"></ion-icon>
+            </div>
+            <div class="ion-input-class">
+              <ion-input placeholder="Nome" [(ngModel)]="loggeduser.FullName"></ion-input>
+            </div>
           </div>
-          <div class="ion-input-class">
-            <ion-input placeholder="Nome" [(ngModel)]="loggeduser.FullName"></ion-input>
+        </div>
+
+        <div class="container-div width-100">
+          <div class="ion-item-class-2">
+            <div class="ion-icon-class">
+              <ion-icon slot="start" name="mail"></ion-icon>
+            </div>
+            <div class="ion-input-class">
+              <ion-input placeholder="Email" [(ngModel)]="loggeduser.Email"></ion-input>
+            </div>
           </div>
         </div>
       </div>
 
-      <div class="container-div width-100">
-        <div class="ion-item-class-2">
-          <div class="ion-icon-class">
-            <ion-icon slot="start" name="mail"></ion-icon>
-          </div>
-          <div class="ion-input-class">
-            <ion-input placeholder="Email" [(ngModel)]="loggeduser.Email"></ion-input>
-          </div>
-        </div>
+      <div class="login-preference width-100" (mouseover)="checkState()" (click)="checkState()">
+        <div class="preference">Preferência Login</div>
+
+        <ion-row>
+          <ion-col class="align-center d-flex">
+            <div class="d-flex align-center"  (click)="LoginPreferenceMethod('pin')">
+              <ion-checkbox [checked]="userLoginPreference=='pin' " class="checkBox" ></ion-checkbox>
+              PIN
+            </div>
+
+          </ion-col>
+          <ion-col class="align-center d-flex">
+            <div (click)="addFingerprint()" class="d-flex align-center">
+              <ion-checkbox class="checkBox" [checked]="false"></ion-checkbox>
+              Impressão Digital
+            </div>
+          </ion-col>
+        </ion-row>
       </div>
-    </div>
 
-    <div class="login-preference width-100" (mouseover)="checkState()" (click)="checkState()">
-      <div class="preference">Preferência Login</div>
-
-      <ion-row>
-        <ion-col class="align-center d-flex">
-          <div class="d-flex align-center"  (click)="LoginPreferenceMethod('pin')">
-            <ion-checkbox [checked]="userLoginPreference=='pin' " class="checkBox" ></ion-checkbox>
-            PIN
-          </div>
-
-        </ion-col>
-        <ion-col class="align-center d-flex">
-          <div (click)="addFingerprint()" class="d-flex align-center">
-            <ion-checkbox class="checkBox" [checked]="false"></ion-checkbox>
-            Impressão Digital
-          </div>
-        </ion-col>
-      </ion-row>
-    </div>
-
-    <div class="d-flex width-100 justify-center mt-10">
-      <button (click)="addPin()" class="btn-ok  buttonSize" fill="clear" color="#fff" >
-        <ion-label>Alterar PIN</ion-label>
-      </button>
+      <div class="d-flex width-100 justify-center mt-10">
+        <button (click)="addPin()" class="btn-ok  buttonSize" fill="clear" color="#fff" >
+          <ion-label>Alterar PIN</ion-label>
+        </button>
+      </div>
     </div>
   </div>
-
 </ion-content>
-
-<ion-footer class=" footer-container ion-no-border bg-blue">
+<!--
+  Para adicionar a funcionalidade assim que o método
+  para alterar o nome e email estiver pronto
+-->
+<ion-footer hidden class=" footer-container ion-no-border bg-blue">
 
   <div class="d-flex justify-space-between">
 
diff --git a/src/app/modals/profile/edit-profile/edit-profile.page.scss b/src/app/modals/profile/edit-profile/edit-profile.page.scss
index 5e3715343..dca68c803 100644
--- a/src/app/modals/profile/edit-profile/edit-profile.page.scss
+++ b/src/app/modals/profile/edit-profile/edit-profile.page.scss
@@ -1,17 +1,40 @@
-.btn-close{
-    //padding: 20px 20px;
+.main-content{
+  overflow: hidden !important;
+}
+.profile-header{
+  margin: 0 em(20px);
+  // background-color: #0782c9;
+  padding: 20px 20px;
+  border: 0!important;
+  overflow: auto;
+
+  .div-logo{
+    background: transparent;
+    width: calc(100% - 40px) !important;
     justify-content: center;
-    align-items: center;
-    float: right;
+    display: flex;
+    float: left;
+
+    .logo{
+      width: 140px;
+      .img{
+        width: 100%;
+        margin: 0px auto;
+      }
+    }
+  }
+}
+.btn-close{
+  float: right !important;
 }
 
 .profile-content{
   width: 100% !important;
-  padding: 20px 20px;
+  padding: 0 20px 50px 20px;
   float: left;
 
   .profile-title{
-    font-size: 25px;
+    font-size: 20px;
     font-weight: 300;
     margin-bottom: 20px;
   }
diff --git a/src/app/modals/profile/profile.page.html b/src/app/modals/profile/profile.page.html
index fbb6f01b3..627eec29b 100644
--- a/src/app/modals/profile/profile.page.html
+++ b/src/app/modals/profile/profile.page.html
@@ -1,7 +1,7 @@
 <ion-content class=" bg-blue">
 
   <div class="profile-header width-100">
-    <div class="div-logo">
+    <div class="div-logo d-md-none">
       <div class="logo height-fit-content">
         <img class="img" src='assets/images/logo-no-bg.png' alt='logo'>
       </div>
diff --git a/src/app/modals/profile/profile.page.scss b/src/app/modals/profile/profile.page.scss
index 8a26b47c2..92d57ced5 100644
--- a/src/app/modals/profile/profile.page.scss
+++ b/src/app/modals/profile/profile.page.scss
@@ -22,9 +22,7 @@
   }
 }
 .btn-close{
-  justify-content: center;
-  align-items: center;
-  float: left;
+  float: right !important;
 }
 .profile-content{
     padding: 20px 20px;
diff --git a/src/global.scss b/src/global.scss
index fa2738217..5469ff27b 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -366,9 +366,15 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
         top: -40px;
         right: 0px;
         height: 90%;
-        max-width: 400px;
+        max-width: 100%;
         border-radius: 0 0 25px 25px;
     }
+
+    @media only screen and (min-width: 1140px) {
+      .modal-wrapper{
+        max-width: 400px;
+      }
+    }
 }