diff --git a/components/page-selector/index.js b/components/page-selector/index.js
index 87d95412..67ffc625 100644
--- a/components/page-selector/index.js
+++ b/components/page-selector/index.js
@@ -120,6 +120,10 @@ export default class PageSelector extends HTMLElement {
                     font-family: inherit;
                     cursor: pointer;
                 }
+                select option {
+                    background-color: Canvas;
+                    color: CanvasText;
+                }
             </style>
             <select part="select" aria-label="Select page">
                 ${optionsHtml}