diff --git a/src/app/modules/shared/components/sidebar/sidebar.component.html b/src/app/modules/shared/components/sidebar/sidebar.component.html
index a7ebe74b9..66d7881b5 100644
--- a/src/app/modules/shared/components/sidebar/sidebar.component.html
+++ b/src/app/modules/shared/components/sidebar/sidebar.component.html
@@ -2,7 +2,7 @@
   <div id="sidebar-wrapper" class="table-row border-r border-grayTW-lighter shadow-sm bg-whiteTW dark:bg-grayTW-dark dark:border-grayTW">
     <div class="table-cell">
       <div class="relative flex items-center border-b border-grayTW-lighter dark:border-grayTW sidebar-heading">
-        <img src="assets/img/time-tracker-logo.png" alt="ioet-logo" width="200" height="auto"/>
+        <img [src]="urlLogo" alt="ioet-logo" width="200" height="auto"/>
       </div>
       <app-user></app-user>
     <div class="list-group list-group-flush bg-whiteTW dark:bg-grayTW-darker">
diff --git a/src/app/modules/shared/components/sidebar/sidebar.component.ts b/src/app/modules/shared/components/sidebar/sidebar.component.ts
index f339cbb9b..73985b803 100644
--- a/src/app/modules/shared/components/sidebar/sidebar.component.ts
+++ b/src/app/modules/shared/components/sidebar/sidebar.component.ts
@@ -19,6 +19,7 @@ export class SidebarComponent implements OnInit, OnDestroy {
   navStart;
   sidebarItems$: Subscription;
   isProduction = environment.production === EnvironmentType.TT_PROD_LEGACY;
+  urlLogo = this.isProduction ? 'assets/img/time-tracker-logo.png' : 'assets/img/time-tracker-logo-v2.png';
 
   constructor(
     private router: Router,
diff --git a/src/assets/img/time-tracker-logo-v2.png b/src/assets/img/time-tracker-logo-v2.png
new file mode 100644
index 000000000..a6cfb9d39
Binary files /dev/null and b/src/assets/img/time-tracker-logo-v2.png differ