diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
index dc759b5c38..2c8d6f0119 100644
--- a/frontend/src/app/app.component.scss
+++ b/frontend/src/app/app.component.scss
@@ -189,7 +189,7 @@ body {
 @media (max-width: 810px) {
 
     .app {
-        /* fallback */
+        width: 100%;
         height: 100vh;
         /* apply the --vh variable as the height */
         height: calc(var(--vh, 1vh) * 100);
diff --git a/frontend/src/app/components/retire-token-dialog/retire-token-dialog.component.css b/frontend/src/app/components/retire-token-dialog/retire-token-dialog.component.css
index 0803f7d37d..34f1b23888 100644
--- a/frontend/src/app/components/retire-token-dialog/retire-token-dialog.component.css
+++ b/frontend/src/app/components/retire-token-dialog/retire-token-dialog.component.css
@@ -146,9 +146,13 @@
         display: none !important;
     }
 
+    .g-dialog-content {
+        height: calc(100% - 87px);
+    }
+
     .g-dialog-body {
         width: 90%;
-        max-height: 48vh;
+        max-height: calc(100% - 90px);
         margin: 0 auto !important;
         padding: 0;
     }
@@ -197,8 +201,6 @@
         padding: 20px 0;
         position: fixed;
         bottom: 0;
-        left: 50%;
-        transform: translateX(-50%);
     }
 
     .lack-input {
diff --git a/frontend/src/app/modules/common/token-dialog/token-dialog.component.css b/frontend/src/app/modules/common/token-dialog/token-dialog.component.css
index 0e9cfdd055..fa8e388bac 100644
--- a/frontend/src/app/modules/common/token-dialog/token-dialog.component.css
+++ b/frontend/src/app/modules/common/token-dialog/token-dialog.component.css
@@ -43,10 +43,14 @@
         margin-right: 0 !important;
     }
 
+    .g-dialog-content {
+        height: calc(100% - 87px);
+    }
+
     .g-dialog-body {
         width: 90%;
         margin: 0 auto !important;
-        max-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 90px - 107px - 55px);
+        max-height: calc(100% - 90px);
         padding: 0;
     }
 
diff --git a/frontend/src/app/modules/schema-engine/schema-form/schema-form.component.html b/frontend/src/app/modules/schema-engine/schema-form/schema-form.component.html
index 0fec318fd8..3eed9b53e0 100644
--- a/frontend/src/app/modules/schema-engine/schema-form/schema-form.component.html
+++ b/frontend/src/app/modules/schema-engine/schema-form/schema-form.component.html
@@ -1,8 +1,6 @@
 <form *ngIf="options" [formGroup]="options">
     <ng-container *ngFor="let item of fields; let i = index">
-        <!--PARECE QUE O PROBLEMA E QUE OS DIVS QUE ESTAO A SER GERADOS POR ESTE NGIF QUANDO SAO VERDADEIROS SAO NOVOS E NAO OS MESMOS-->
         <div *ngIf="!item.hide" class="form-field-container" [id]="buttonOnceRaised ? '' : i" [ngStyle]="{'display': (innerWidth <= 810 ? (isShown[i] || showChildSchemaForm) : true) ? 'flex' : 'none'}">
-        <!--<div *ngIf="!item.hide && (innerWidth <= 810 ? (isShown[i] || showChildSchemaForm) : true)" class="form-field-container" [id]="buttonOnceRaised ? '' : i">-->
             <div *ngIf="!item.isArray && !item.isRef" class="form-field">
                 <div class="invalid-field-label"
                     *ngIf="options.controls[item.name] && !options.controls[item.name].valid && !options.controls[item.name].disabled">
diff --git a/frontend/src/app/views/header/header.component.css b/frontend/src/app/views/header/header.component.css
index aecd7f4625..a97c031b26 100644
--- a/frontend/src/app/views/header/header.component.css
+++ b/frontend/src/app/views/header/header.component.css
@@ -450,219 +450,6 @@ a[hidden="true"] {
     }
 
 
-    /* Menu Footer */
-
-    .footer {
-        display: none;
-        position: fixed;
-        left: 0;
-        bottom: 0;
-        width: 90%;
-        
-        color: #fff;
-        z-index: 5000;
-        transition: 0.8s;
-    }
-
-    .logout {
-        margin: 8px 8px 40px 32px;
-        color: #222222;
-        line-height: 23px;
-        font-weight: normal;
-        text-decoration: none;
-        font-size: 20px;
-        display: block;
-        transition: 0.2s;
-        text-align: left;
-    }
-
-    .logout .material-icons {
-        position: relative;
-        bottom: -5px;
-        left: 100px;
-    }
-
-    .user-info {
-        padding: 8px 8px 15px 32px;
-        font-size: 14px;
-        border-top: 2px solid var(--primary-color);
-        width: 100%;
-        transition: max-height 0.2s ease-in-out;
-    }
-
-    .name {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        position: relative;
-        margin-top: -25px;
-    }
-
-    .name .user-name {
-        display: inline-block;
-        color: var(--primary-color);
-        padding: 0 8px;
-        margin-bottom: 10px;
-        margin-left: -8px;
-        background-color: white;
-        font-size: 20px;
-        transition: 0.8s;
-    }
-
-    .profile-item {
-        color: #aaaaaa;
-        display: grid;
-        grid-template-columns: 80px auto;
-        column-gap: 5px;
-    }
-
-    .profile-item .profile-item-name {
-        display: inline;
-    }
-
-    .profile-item .profile-item-value {
-        display: inline;
-    }
-    
-}
-
-.mobile-menu-button {
-    display: none;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 30px;
-    height: 20px;
-}
-
-.mobile-menu-button .bar {
-    height: 3px;
-    width: 100%;
-    background-color: white;
-    border-radius: 10px;
-}
-
-#menu-backdrop {
-    display: none;
-}
-
-@media (max-width: 810px) {
-
-    /*
-    .content {
-        position: fixed;
-        top: 0;
-        width: 100vw;
-    }
-    */
-
-    .mobile-header {
-        width: 100%;
-        height: 100%;
-        display: flex;
-    }
-
-    .mobile-menu-button {
-        display: flex;
-        margin: 29px 0 23px 32px;
-    }
-
-    .user-content-info {
-        display: flex;
-        margin-left: 22px;
-        margin-right: 22px;
-        flex: auto;
-        gap: 22px;
-    }
-
-    .user-balance {
-        border-radius: 5px;
-        height: 38px;
-        font-size: 15px;
-        line-height: 1.2;
-        text-align: center;
-        white-space: normal;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-
-    /* Hamburguer Menu */
-
-    .nav-list {
-        padding-top: 20px;
-    }
-
-    .nav-items {
-        height: 100%;
-        width: 0;
-        position: fixed;
-        z-index: 5000;
-        top: 0;
-        left: 0;
-        background-color: white;
-        overflow-x: hidden;
-        transition: 0.2s;
-    }
-
-    .nav-items .nav-list-item {
-        padding: 8px 8px 8px 32px;
-        text-decoration: none;
-        font-size: 25px;
-        color: #222222;
-        display: block;
-        transition: 0.05s;
-        text-align: left;
-    }
-      
-    .nav-items .nav-list-item:hover {
-        color: #818181;
-    }
-
-    .nav-list-item[active="true"] {
-        color: var(--primary-color) !important;
-        transition: 0.05s;
-    }
-      
-    .nav-items .material-icons {
-        margin: 23px auto 23px 32px;
-        font-size: 36px;
-        color: #222222;
-    }
-
-    #menu-backdrop {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100vh;
-        z-index: 1;
-        background-color: rgba(0, 0, 0, 0.75);
-    }
-
-    .subnav-list {
-        border-left: 3px #e3e3e3 solid;
-        max-height: 0;
-        overflow: hidden;
-        transition: max-height 0.2s ease-in-out;
-    }
-
-    .nav-list-item[active="true"] .subnav-list {
-        overflow: visible;
-    }
-
-    .subnav-list .nav-list-item {
-        font-size: 20px;
-        padding: 8px 20px;
-        height: auto;
-    }
-
-    .subnav-list .nav-list-item[active="true"] {
-        margin-left: -3.5px;
-        border-left: 4px var(--primary-color) solid;
-    }
-
-
     /* Menu Footer */
 
     .footer {
diff --git a/frontend/src/app/views/header/header.component.html b/frontend/src/app/views/header/header.component.html
index 08704368c2..4cb58209fa 100644
--- a/frontend/src/app/views/header/header.component.html
+++ b/frontend/src/app/views/header/header.component.html
@@ -124,16 +124,7 @@
 
 
 
-
-
-        <!--
-        <span *ngIf="innerWidth <= 810 && !isLogin" class="btn-home" #btnHome (click)="onHome()">
-            <div class="btn-home-name">
-                Guardian
-            </div>
-        </span>
-        -->
-
+        <!-- MOBILE -->
         <div *ngIf="innerWidth <= 810" class="mobile-header">
             <a *ngIf="isLogin" class="mobile-menu-button" (click)="openNav()">
                 <span class="bar"></span>
diff --git a/frontend/src/app/views/token-config/token-config.component.css b/frontend/src/app/views/token-config/token-config.component.css
index 3b952da887..68b3e44e02 100644
--- a/frontend/src/app/views/token-config/token-config.component.css
+++ b/frontend/src/app/views/token-config/token-config.component.css
@@ -333,7 +333,7 @@ a {
 @media (max-width: 810px) {
     
     .actions {
-        width: 100vw;
+        width: 100%;
         grid-template-columns: 1fr 1fr;
         grid-column-gap: 10px;
     }
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index f3e03446d0..35e40ca712 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -261,7 +261,7 @@ button.mat-button {
     body { 
         overflow-x: hidden;
         overscroll-behavior: none;
-        width: 100vw;
+        width: 100%;
         height: calc(var(--vh, 1vh) * 100);
     }