diff --git a/web/packages/base/components/utils/mui-theme.d.ts b/web/packages/base/components/utils/mui-theme.d.ts
index 17a2df19cb..317b8c48a2 100644
--- a/web/packages/base/components/utils/mui-theme.d.ts
+++ b/web/packages/base/components/utils/mui-theme.d.ts
@@ -150,11 +150,6 @@ declare module "@mui/material/styles" {
              * during image editing.
              */
             croppedAreaOverlay: string;
-            /**
-             * Color of overlaid icons on top of thumbnails. e.g. color of the
-             * "archived" indicator shown on top of albums.
-             */
-            overlayIndicatorMuted: string;
             /**
              * Color of the total space in the usage bar on the storage card.
              */
diff --git a/web/packages/new/photos/components/gallery/BarImpl.tsx b/web/packages/new/photos/components/gallery/BarImpl.tsx
index ffd6967422..2e315e9aec 100644
--- a/web/packages/new/photos/components/gallery/BarImpl.tsx
+++ b/web/packages/new/photos/components/gallery/BarImpl.tsx
@@ -552,7 +552,7 @@ const CollectionBarCardIcon: React.FC<CollectionBarCardIconProps> = ({
             attributes.includes("incomingShareCollaborator")) && <PeopleIcon />}
         {attributes.includes("sharedOnlyViaLink") && <LinkIcon />}
         {attributes.includes("archived") && (
-            <ArchiveIcon sx={{ color: "fixed.overlayIndicatorMuted" }} />
+            <ArchiveIcon sx={{ opacity: 0.48 }} />
         )}
     </CollectionBarCardIcon_>
 );