diff --git a/src/app/pages/about/about.component.html b/src/app/pages/about/about.component.html
index 4acf1e2..aeb714f 100644
--- a/src/app/pages/about/about.component.html
+++ b/src/app/pages/about/about.component.html
@@ -73,8 +73,7 @@
       <div class="relative pl-14 pb-fluid-sm">
         @if (isFirstRoleAtCompany(i)) {
         <img src="{{entry.logo}}" alt="" aria-hidden="true"
-          class="absolute left-0 top-0 w-10 h-10 object-contain opacity-90 rounded-[10%] bg-logo-bg"
-          [class.invert]="entry.invertLogo" />
+          class="absolute left-0 top-0 w-10 h-10 object-contain opacity-90 rounded-[10%] bg-logo-bg" />
         <div class="font-semibold opacity-90 text-[clamp(0.9rem,2.2vw,1.05rem)] leading-10" data-testid="company">
           {{ (entry.key + '.COMPANY') | translate }}
         </div>
diff --git a/src/app/pages/about/about.component.spec.ts b/src/app/pages/about/about.component.spec.ts
index 5a64900..838b2c6 100644
--- a/src/app/pages/about/about.component.spec.ts
+++ b/src/app/pages/about/about.component.spec.ts
@@ -5,7 +5,6 @@ import { MatIconRegistry } from '@angular/material/icon';
 import { provideRouter } from '@angular/router';
 import { provideTranslateService } from '@ngx-translate/core';
 import { AboutComponent } from './about.component';
-import { AssetsConstants } from '../../constants/AssetsConstants';
 
 /**
  * No translations are loaded, so the translate pipe echoes the key back. That is
@@ -111,16 +110,6 @@ describe('AboutComponent', () => {
       expect(textOf('[data-testid="role"]')).not.toContain('ABOUT.XP.COMPANY0.ROLE');
     });
 
-    it('inverts the opaque white logos so they read as dark tiles', () => {
-      const inverted = fixture.debugElement
-        .queryAll(By.css('img.invert'))
-        .map(img => new URL(img.nativeElement.src, 'http://localhost').pathname);
-      const expected = [AssetsConstants.COLORDIGITAL_LOGO, AssetsConstants.TERAPORT_LOGO]
-        .map(src => new URL(src, 'http://localhost/').pathname);
-
-      expect(new Set(inverted)).toEqual(new Set(expected));
-    });
-
     it('reveals the earlier positions when the toggle button is clicked', () => {
       click('toggle-experience');
 
diff --git a/src/app/pages/about/about.component.ts b/src/app/pages/about/about.component.ts
index 88f4fbf..2b1c004 100644
--- a/src/app/pages/about/about.component.ts
+++ b/src/app/pages/about/about.component.ts
@@ -17,8 +17,6 @@ interface ExperienceEntry {
   company: string;
   logo: string;
   highlightCount: number;
-  /** The source file is opaque white; inverting gives the same dark tile as the other logos. */
-  invertLogo?: boolean;
 }
 
 interface SkillGroup {
@@ -52,29 +50,25 @@ export class AboutComponent {
       key: 'ABOUT.XP.COMPANY9',
       company: 'colordigital',
       logo: AssetsConstants.COLORDIGITAL_LOGO,
-      highlightCount: 3,
-      invertLogo: true
+      highlightCount: 3
     },
     {
       key: 'ABOUT.XP.COMPANY8',
       company: 'teraport',
       logo: AssetsConstants.TERAPORT_LOGO,
-      highlightCount: 3,
-      invertLogo: true
+      highlightCount: 3
     },
     {
       key: 'ABOUT.XP.COMPANY7',
       company: 'colordigital-earlier',
       logo: AssetsConstants.COLORDIGITAL_LOGO,
-      highlightCount: 3,
-      invertLogo: true
+      highlightCount: 3
     },
     {
       key: 'ABOUT.XP.COMPANY6',
       company: 'colordigital-earlier',
       logo: AssetsConstants.COLORDIGITAL_LOGO,
-      highlightCount: 3,
-      invertLogo: true
+      highlightCount: 3
     },
     {
       key: 'ABOUT.XP.COMPANY5',