diff --git a/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts b/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts
index fc52660f5..81ced7774 100644
--- a/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts
+++ b/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts
@@ -138,7 +138,8 @@ export default abstract class BaseScreen {
   getElementBySelector(selector: string): Element | null {
     if (!selector) return null;
     try {
-      return this.document?.querySelector(selector) || null;
+      const safeSelector = selector.replace(/:/g, '\\\\3A ').replace(/\//g, '\\/');
+      return this.document?.querySelector(safeSelector) || null;
     } catch (e) {
       console.error("Can not select element. ", e)
       return null
@@ -186,4 +187,4 @@ export default abstract class BaseScreen {
   clean() {
     window.removeEventListener('resize', this.scale);
   }
-}
\ No newline at end of file
+}