diff --git a/web/annotation_editor_layer_builder.css b/web/annotation_editor_layer_builder.css
index b1f6a3316..aea5879b8 100644
--- a/web/annotation_editor_layer_builder.css
+++ b/web/annotation_editor_layer_builder.css
@@ -857,6 +857,17 @@
 .dialog.newAltText {
   --new-alt-text-ai-disclaimer-icon: url(images/altText_disclaimer.svg);
   --new-alt-text-spinner-icon: url(images/altText_spinner.svg);
+  --preview-image-bg-color: #f0f0f4;
+  --preview-image-border: none;
+
+  @media (prefers-color-scheme: dark) {
+    --preview-image-bg-color: #2b2a33;
+  }
+
+  @media screen and (forced-colors: active) {
+    --preview-image-bg-color: ButtonFace;
+    --preview-image-border: 1px solid ButtonText;
+  }
 
   width: 80%;
   max-width: 570px;
@@ -1016,6 +1027,8 @@
         justify-content: center;
         align-items: center;
         flex: 0 0 auto;
+        background-color: var(--preview-image-bg-color);
+        border: var(--preview-image-border);
 
         > canvas {
           max-width: 100%;