diff --git a/web/draw_layer_builder.css b/web/draw_layer_builder.css
index bee793d11..5ea206ced 100644
--- a/web/draw_layer_builder.css
+++ b/web/draw_layer_builder.css
@@ -14,16 +14,6 @@
  */
 
 .canvasWrapper {
-  .selection {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    background: rgb(0 90 255 / 0.22);
-  }
-
   svg {
     transform: none;
 
diff --git a/web/pdf_viewer.css b/web/pdf_viewer.css
index b32fb4743..e787cc8e1 100644
--- a/web/pdf_viewer.css
+++ b/web/pdf_viewer.css
@@ -120,6 +120,19 @@
         image-rendering: pixelated;
       }
     }
+
+    /* Used by the DrawLayer, but we keep these styles here and not in
+     * draw_layer_builder.css because we need them to be loaded in GECKOVIEW for
+     * text selection. */
+    .selection {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      background: rgb(0 90 255 / 0.22);
+    }
   }
 }