diff --git a/site/gdocs/components/ExplorerTiles.scss b/site/gdocs/components/ExplorerTiles.scss
index 69658f22cde..8c4a9c292c3 100644
--- a/site/gdocs/components/ExplorerTiles.scss
+++ b/site/gdocs/components/ExplorerTiles.scss
@@ -29,6 +29,7 @@
         }
     }
     .explorer-tile {
+        background-color: $oxford-blue; // show this if the webp image cannot be loaded
         background-image: url("https://ourworldindata.org/explorer-thumbnail.webp");
         background-size: cover;
         background-position: center;
diff --git a/site/gdocs/components/ExplorerTiles.tsx b/site/gdocs/components/ExplorerTiles.tsx
index 2884085df24..769ea8352b9 100644
--- a/site/gdocs/components/ExplorerTiles.tsx
+++ b/site/gdocs/components/ExplorerTiles.tsx
@@ -16,6 +16,7 @@ function ExplorerTile({ url }: { url: string }) {
     }
     const icon = linkedChart.tags[0] ? (
         <img
+            className="explorer-tile__icon"
             height={40}
             width={40}
             src={`${BAKED_BASE_URL}/images/tag-icons/${encodeURIComponent(