diff --git a/dashboard/sharedComponents/sidebar/sideBar.component.html b/dashboard/sharedComponents/sidebar/sideBar.component.html
index 65ee64a3..ad50df30 100644
--- a/dashboard/sharedComponents/sidebar/sideBar.component.html
+++ b/dashboard/sharedComponents/sidebar/sideBar.component.html
@@ -40,7 +40,7 @@
           <a [routerLink]="getItemRoute(item)" [title]="item.title" (click)="item.items.length === 0?closeOffcanvas():null"
              [queryParams]="item.route?item.params:null" [queryParamsHandling]="item.route?queryParamsHandling:null" class="uk-flex uk-flex-middle">
             <div *ngIf="item.icon && (item.icon.svg || item.icon.name)" class="uk-width-auto">
-              <icon class="menu-icon" [customClass]="item.icon.class" [name]="item.icon.name" [ratio]="item.icon.svg?1:0.9" [svg]="item.icon.svg" [flex]="true"></icon>
+              <icon class="menu-icon" [customClass]="item.icon.class" [name]="item.icon.name" [ratio]="item.icon.ratio?item.icon.ratio:0.9" [svg]="item.icon.svg" [flex]="true"></icon>
             </div>
             <span [class.hide-on-close]="item.icon" class="uk-width-expand@l uk-text-truncate uk-margin-small-left">{{item.title}}</span>
             <span *ngIf="item.items.length > 0" class="uk-nav-parent-icon hide-on-close"></span>
diff --git a/sharedComponents/menu.ts b/sharedComponents/menu.ts
index b4328834..841086f0 100644
--- a/sharedComponents/menu.ts
+++ b/sharedComponents/menu.ts
@@ -1,7 +1,8 @@
 export interface Icon {
   name?: string,
   svg?: string,
-  class?: string
+  class?: string,
+  ratio?: number
 }
 
 export class MenuItem {
@@ -90,4 +91,4 @@ export class SideMenuItem extends MenuItem {
   ukIcon: string = '';
 }
 
-export enum MenuAlignment {LEFT = "LEFT", CENTER = "CENTER", RIGHT = "RIGHT"}
\ No newline at end of file
+export enum MenuAlignment {LEFT = "LEFT", CENTER = "CENTER", RIGHT = "RIGHT"}