diff --git a/frontend/editor/src/portal/components/documents/DocumentExtractions.tsx b/frontend/editor/src/portal/components/documents/DocumentExtractions.tsx
index e43076dae3..3c6de80c93 100644
--- a/frontend/editor/src/portal/components/documents/DocumentExtractions.tsx
+++ b/frontend/editor/src/portal/components/documents/DocumentExtractions.tsx
@@ -1,4 +1,5 @@
 import { useTranslation } from "react-i18next";
+import LockRounded from "@mui/icons-material/LockRounded";
 import { StatusBadge, Table, type TableColumn } from "@app/ui";
 import { type Extraction, type ReviewDocument } from "@portal/api/documents";
 import {
@@ -55,7 +56,7 @@ export function DocumentExtractions({
     return (
       <div className="portal-documents__masked">
         <span className="portal-documents__masked-icon" aria-hidden>
-          🔒
+          <LockRounded style={{ fontSize: "1.5rem" }} />
         </span>
         <p className="portal-documents__masked-text">
           {t("portal.documents.extractions.masked")}
diff --git a/frontend/editor/src/portal/components/documents/ElevationBanner.tsx b/frontend/editor/src/portal/components/documents/ElevationBanner.tsx
index 429cd606cb..67a26ad1c2 100644
--- a/frontend/editor/src/portal/components/documents/ElevationBanner.tsx
+++ b/frontend/editor/src/portal/components/documents/ElevationBanner.tsx
@@ -1,4 +1,6 @@
 import { useTranslation } from "react-i18next";
+import ScheduleRounded from "@mui/icons-material/ScheduleRounded";
+import LockRounded from "@mui/icons-material/LockRounded";
 import { Banner, Button } from "@app/ui";
 import { formatCountdown } from "@portal/components/documents/format";
 
@@ -26,7 +28,7 @@ export function ElevationBanner({
     return (
       <Banner
         tone="success"
-        icon={<span aria-hidden>⏱</span>}
+        icon={<ScheduleRounded style={{ fontSize: "1.1rem" }} />}
         title={t("portal.documents.elevation.active.title", {
           time: formatCountdown(secondsLeft),
         })}
@@ -42,7 +44,7 @@ export function ElevationBanner({
   return (
     <Banner
       tone="warning"
-      icon={<span aria-hidden>🔒</span>}
+      icon={<LockRounded style={{ fontSize: "1.1rem" }} />}
       title={t("portal.documents.elevation.gated.title")}
       description={
         fourEyes
diff --git a/frontend/editor/src/portal/components/documents/ReviewQueueTable.tsx b/frontend/editor/src/portal/components/documents/ReviewQueueTable.tsx
index dffa7305d7..bff13d0c4f 100644
--- a/frontend/editor/src/portal/components/documents/ReviewQueueTable.tsx
+++ b/frontend/editor/src/portal/components/documents/ReviewQueueTable.tsx
@@ -1,5 +1,6 @@
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
+import LockRounded from "@mui/icons-material/LockRounded";
 import { Button, Chip, StatusBadge, Table, type TableColumn } from "@app/ui";
 import {
   classificationTone,
@@ -75,7 +76,7 @@ export function ReviewQueueTable({
                   title={t("portal.documents.table.sensitiveTitle")}
                   aria-label={t("portal.documents.table.sensitiveLabel")}
                 >
-                  🔒
+                  <LockRounded style={{ fontSize: "0.95rem" }} />
                 </span>
               )}
             </div>