diff --git a/wowup-electron/src/app/components/my-addons-addon-cell/my-addons-addon-cell.component.html b/wowup-electron/src/app/components/my-addons-addon-cell/my-addons-addon-cell.component.html
index 5705c5e2..dcd9208b 100644
--- a/wowup-electron/src/app/components/my-addons-addon-cell/my-addons-addon-cell.component.html
+++ b/wowup-electron/src/app/components/my-addons-addon-cell/my-addons-addon-cell.component.html
@@ -51,10 +51,10 @@
       </div>
       {{ listItem.addon.installedVersion }}
       <div class="update-available row"
-        *ngIf="showUpdateToVersion && listItem.addon.latestVersion !== listItem.addon.installedVersion">
+        *ngIf="showUpdateToVersion && listItem.needsUpdate">
         <mat-icon class="upgrade-icon" svgIcon="fas:play"></mat-icon>
         <div>{{ listItem.addon.latestVersion }}</div>
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/wowup-electron/src/app/pages/my-addons/my-addons.component.html b/wowup-electron/src/app/pages/my-addons/my-addons.component.html
index 9dbd2dd0..5ae2c558 100644
--- a/wowup-electron/src/app/pages/my-addons/my-addons.component.html
+++ b/wowup-electron/src/app/pages/my-addons/my-addons.component.html
@@ -110,7 +110,7 @@
           {{ "PAGES.MY_ADDONS.TABLE.LATEST_VERSION_COLUMN_HEADER" | translate }}
         </th>
         <td mat-cell *matCellDef="let element" class="cell-padding"
-          [ngClass]="{ 'addon-update-available': element.addon.latestVersion !== element.addon.installedVersion }">
+          [ngClass]="{ 'addon-update-available': element.needsUpdate }">
           {{ element.addon.latestVersion }}
         </td>
       </ng-container>
@@ -319,4 +319,4 @@
       {{ column.display | translate }}
     </mat-checkbox>
   </ng-template>
-</mat-menu>
\ No newline at end of file
+</mat-menu>