diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index 412c6f9c5..50baa07d4 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -89,13 +89,13 @@
 
           <!-- This is the box view -->
           <div *ngSwitchCase="'boxview'" class="aside overflow-y-auto d-flex  flex-wrap width-100 height-100">
-            <div (click)="openAllProcessesPage()" [class.active]="selectedElement == 'allProcessesTag'"  class="exp-card d-flex flex-column" >
+            <div *ngIf="hideInMobile" (click)="openAllProcessesPage()" [class.active]="selectedElement == 'allProcessesTag'"  class="exp-card d-flex flex-column" >
               <div class="d-flex justify-center">
                <!--  <ion-icon  src="assets/images/icons-agenda.svg"></ion-icon> -->
-                <fa-icon icon="align-justify"></fa-icon>
+                <fa-icon class="icon-selected" icon="align-justify"></fa-icon>
               </div>
               <p class="text-center exp-card-title ">Todas as tarefas</p>
-              <p class="text-center exp-card-content">{{count_all_processes}}<span class="title1">Documentos</span></p>
+              <p class="text-center exp-card-content">{{count_all_processes}} <span class="title1">Documentos</span></p>
             </div>
 
             <div (click)="openEventsToApprovePage();selectedElement='approval'" [class.active]="selectedElement == 'approval'"  class="exp-card d-flex flex-column" *ngIf="loggeduser.Profile == 'MDGPR'" >
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index 9f1b854e8..e0389dcc9 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -559,6 +559,11 @@ ion-list{
   fill: white !important;
   background: #42b9fe !important;
   box-sizing: border-box;
+
+  .exp-card-content, .icon-selected{
+    color: white !important;
+  }
+
   .exp-card-title {
     color: rgb(255, 255, 255) !important;
   }
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.ts b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
index 40a0d5488..6575ba8bd 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.ts
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
@@ -88,6 +88,7 @@ export class GabineteDigitalPage implements OnInit, DoCheck  {
   pr = "PR";
 
   hideRefreshBtn = true;
+  hideInMobile = true;
 
   expedientegbstore = ExpedienteGdStore;
   pendentesstore = PendentesStore;
@@ -323,13 +324,24 @@ export class GabineteDigitalPage implements OnInit, DoCheck  {
     window.onresize = (event) => {
       if( window.innerWidth < 701) {
         this.hideRefreshBtn = false;
+        this.hideInMobile = false;
+        this.segmentVista = "listview";
       }
       else{
         this.hideRefreshBtn = true;
+        this.hideInMobile = true;
+        this.segmentVista = "boxview";
       }
     }
     if(window.innerWidth < 701){
       this.hideRefreshBtn = false;
+      this.hideInMobile = false;
+      this.segmentVista = "listview";
+    }
+    else{
+      this.hideRefreshBtn = true;
+      this.hideInMobile = true;
+      this.segmentVista = "boxview";
     }
   }