diff --git a/src/app/modals/dar-parecer/dar-parecer.page.html b/src/app/modals/dar-parecer/dar-parecer.page.html
index faa3ceb13..91a5d5519 100644
--- a/src/app/modals/dar-parecer/dar-parecer.page.html
+++ b/src/app/modals/dar-parecer/dar-parecer.page.html
@@ -1,47 +1,47 @@
+<ion-header class="ion-no-border">
+  <div class="header-content pb-20 width-100">
+    <div class="header-title width-100">
+      <label>Dar o meu parecer</label>
+    </div>
+  </div>
+  <div class="container-div width-100">
+    <div class="ion-item-class-2 d-flex">
+      <div class="ion-icon-class">
+        <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
+      </div>
+      <div class="ion-input-class-no-height width-100">
+        <ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
+      </div>
+    </div>
+  </div>
+  <div class="ion-item-container-no-border" >
+    <ion-label (click)="getDoc()" class="d-flex align-center">
+      <div class="attach-icon d-flex align-center">
+        <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
+      </div>
+      <div class="attach-document pl-10">
+        <ion-label>Anexar Documentos</ion-label>
+      </div>
+    </ion-label>
+    <ion-label *ngIf="documents.length > 0">Documentos anexados</ion-label>
+  </div>
+</ion-header>
 
 <ion-content>
   <div class="main-content d-flex height-100">
-
     <div class="content-100 d-flex flex-column width-100">
-      <div class="header-content pb-20">
-        <div class="header-title">
-          <label>Dar o meu parecer</label>
-        </div>
-      </div>
       <div class="overflow-y-auto">
-        <div class="container-div">
-          <div class="ion-item-class-2 d-flex">
-            <div class="ion-icon-class">
-              <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
-            </div>
-            <div class="ion-input-class-no-height width-100">
-              <ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
-            </div>
-          </div>
-        </div>
-
-        <div class="ion-item-container-no-border" (click)="getDoc()">
-          <ion-label class="d-flex align-center">
-            <div class="attach-icon d-flex align-center">
-              <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
-            </div>
-            <div class="attach-document pl-10">
-              <ion-label>Anexar Documentos</ion-label>
-            </div> 
-          </ion-label>
-        </div>
-  
-        <div class="list "  *ngFor="let document of documents; let i = index" > 
+        <div class="list "  *ngFor="let document of documents; let i = index" >
           <ion-list>
             <ion-item>
             <ion-label>
-              <p class="d-flex ion-justify-content-between"> 
-                <span class="attach-title-item">{{document.Assunto}}</span> 
-                <span class="app-name">{{document.appName}}</span> 
+              <p class="d-flex ion-justify-content-between">
+                <span class="attach-title-item">{{document.Assunto}}</span>
+                <span class="app-name">{{document.appName}}</span>
                 <span class="close-button text-black" (click)="removeAttachment(i)" >
                   <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
                 </span>
-              </p> 
+              </p>
               <p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yy'}} </span></p>
             </ion-label>
           </ion-item>
@@ -49,7 +49,7 @@
         </div>
 
       </div>
-      
+
     </div>
   </div>
 </ion-content>
diff --git a/src/app/modals/dar-parecer/dar-parecer.page.scss b/src/app/modals/dar-parecer/dar-parecer.page.scss
index 699ceb17b..9c486eb9a 100644
--- a/src/app/modals/dar-parecer/dar-parecer.page.scss
+++ b/src/app/modals/dar-parecer/dar-parecer.page.scss
@@ -1,12 +1,14 @@
 .content-100{
-    padding: 30px 20px 0 20px !important;
+    padding: 0px 20px 0 20px !important;
     margin: 0;
     float: left;
-  
+  }
+
     .header-content{
+      padding: 30px 20px 0 20px !important;
         margin-bottom: 20px !important;
     }
-    
+
     .header-title{
       font-family: Roboto;
       font-size: 25px;
@@ -14,20 +16,21 @@
       color:#000;
       float: left;
     }
-  
+
     .ion-item-container{
       margin: 15px auto;
       border: 1px solid #ebebeb;
       border-radius: 5px;
       padding-left: 10px;
-      
+
     }
     .ion-item-container-no-border{
+      padding: 0px 20px 0 20px !important;
       margin: 0px auto;
-      padding: 0 !important;
       overflow: auto;
     }
     .container-div{
+      padding: 0px 20px 0 20px !important;
       margin-bottom: 15px;
       overflow: hidden;
     }
@@ -62,7 +65,7 @@
     .list-people{
       width: 256px;
       float: left;
-  
+
     }
     .add-people{
       width: 45px;
@@ -102,7 +105,7 @@
     float: right;
     font-size: 13px;
     }
-  }
+
   .container-footer{
       margin:0 auto;
       overflow: auto;
@@ -123,7 +126,7 @@
       --color:#ffffff;
       margin:10px;
     }
-  
+
   .text-input{
     width: 100%;
     border: 1px solid #ebebeb;
@@ -131,7 +134,7 @@
     padding: 0 !important;
     border-radius: 5px;
   }
-  
+
   /* Error Messages */
   .error{
     color:red;
@@ -147,4 +150,4 @@
     justify-content: space-between;
     padding: 20px;
     overflow: auto;
-  }
\ No newline at end of file
+  }
diff --git a/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.ts b/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.ts
index 00d919350..d373cf9d6 100644
--- a/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.ts
+++ b/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.ts
@@ -338,11 +338,12 @@ export class DespachoPrPage implements OnInit {
     if( window.innerWidth <= 800){
       classs = 'modal modal-desktop'
     } else  {
-      classs = 'add-note-modal'
+      classs = 'add-note-modal-no-height'
     }
     const modal = await this.modalController.create({
       component: AddNotePage,
       componentProps:{
+        showAttachmentBtn: true,
       },
       cssClass: classs,
       backdropDismiss: true
diff --git a/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.ts b/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.ts
index 9c36e131f..9cf5bd4e1 100644
--- a/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.ts
+++ b/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.ts
@@ -285,11 +285,12 @@ export class DespachoPage implements OnInit {
     if( window.innerWidth <= 800){
       classs = 'modal modal-desktop'
     } else  {
-      classs = 'add-note-modal'
+      classs = 'add-note-modal-no-height'
     }
     const modal = await this.modalController.create({
       component: AddNotePage,
       componentProps:{
+        showAttachmentBtn: true,
       },
       cssClass: classs,
       backdropDismiss: true
diff --git a/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.ts b/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.ts
index b2814ba8a..e0f2d518c 100644
--- a/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.ts
+++ b/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.ts
@@ -428,7 +428,7 @@ export class PedidoPage implements OnInit {
     if( window.innerWidth <= 800){
       classs = 'book-meeting-modal modal modal-desktop'
     } else  {
-      classs = 'modal modal-desktop showAsideOptions'
+      classs = 'add-note-modal-no-height showAsideOptions'
     }
     const modal = await this.modalController.create({
       component: DarParecerPage,