diff --git a/src/app/app.scss b/src/app/app.scss
index 17b534f24..b8b9ec993 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -134,6 +134,8 @@ ion-app.app-root {
 
   .core-module-icon {
     width: auto;
+    max-width: 24px;
+    max-height: 24px;
   }
 
   .core-button-spinner {
diff --git a/src/core/grades/pages/grade/grade.html b/src/core/grades/pages/grade/grade.html
index 232f3a302..7bb1b117d 100644
--- a/src/core/grades/pages/grade/grade.html
+++ b/src/core/grades/pages/grade/grade.html
@@ -13,13 +13,13 @@
         <ion-list *ngIf="grade">
             <a ion-item *ngIf="grade.itemname && grade.link" text-wrap detail-push [href]="grade.link" core-link capture="true">
                 <ion-icon *ngIf="grade.icon" name="{{grade.icon}}" item-start></ion-icon>
-                <img *ngIf="grade.image" [src]="grade.image" item-start/>
+                <img *ngIf="grade.image" [src]="grade.image" item-start class="core-module-icon"/>
                 <h2><core-format-text [text]="grade.itemname"></core-format-text></h2>
             </a>
 
             <ion-item *ngIf="grade.itemname && !grade.link" text-wrap >
                 <ion-icon *ngIf="grade.icon" name="{{grade.icon}}" item-start></ion-icon>
-                <img *ngIf="grade.image" [src]="grade.image" item-start/>
+                <img *ngIf="grade.image" [src]="grade.image" item-start class="core-module-icon"/>
                 <h2><core-format-text [text]="grade.itemname"></core-format-text></h2>
             </ion-item>