diff --git a/scm-ui/ui-components/src/syntax-highlighting.module.css b/scm-ui/ui-components/src/syntax-highlighting.module.css
index 71c052bdcf..6af9f2c390 100644
--- a/scm-ui/ui-components/src/syntax-highlighting.module.css
+++ b/scm-ui/ui-components/src/syntax-highlighting.module.css
@@ -87,9 +87,8 @@ code[class*="language-"] {
 
 pre[class*="language-"]::selection,
 code[class*="language-"]::selection,
-pre[class*="language-"]::mozselection,
-code[class*="language-"]::mozselection {
-
+pre[class*="language-"]::-moz-selection,
+code[class*="language-"]::-moz-selection {
   text-shadow: none;
 
   background: #7fe3cd;
diff --git a/scm-ui/ui-components/src/syntax-highlighting.ts b/scm-ui/ui-components/src/syntax-highlighting.ts
index 46c319d15e..c14eda92ba 100644
--- a/scm-ui/ui-components/src/syntax-highlighting.ts
+++ b/scm-ui/ui-components/src/syntax-highlighting.ts
@@ -23,7 +23,7 @@
  */
 
 /* --- DO NOT EDIT --- */
-/* Auto-generated from syntax-highlighting.css */
+/* Auto-generated from syntax-highlighting.module.css */
 
 export default {
   'pre[class*="language-"]': {
@@ -47,7 +47,7 @@ export default {
     padding: "1em",
     margin: ".5em 0",
     overflow: "auto",
-    background: "#ffffff",
+    background: "#ffffff"
   },
   'code[class*="language-"]': {
     color: "#363636",
@@ -66,137 +66,137 @@ export default {
     WebkitHyphens: "none",
     MozHyphens: "none",
     msHyphens: "none",
-    hyphens: "none",
+    hyphens: "none"
   },
   'pre[class*="language-"]::selection': {
     textShadow: "none",
-    background: "#7fe3cd",
+    background: "#7fe3cd"
   },
   'code[class*="language-"]::selection': {
     textShadow: "none",
-    background: "#7fe3cd",
+    background: "#7fe3cd"
   },
-  'pre[class*="language-"]::mozselection': {
+  'pre[class*="language-"]::-moz-selection': {
     textShadow: "none",
-    background: "#7fe3cd",
+    background: "#7fe3cd"
   },
-  'code[class*="language-"]::mozselection': {
+  'code[class*="language-"]::-moz-selection': {
     textShadow: "none",
-    background: "#7fe3cd",
+    background: "#7fe3cd"
   },
   ':not(pre) > code[class*="language-"]': {
     padding: ".1em .3em",
     borderRadius: ".3em",
     color: "#ff3860",
-    background: "#fbe7eb",
+    background: "#fbe7eb"
   },
   ".namespace": {
-    Opacity: ".7",
+    Opacity: ".7"
   },
   comment: {
-    color: "#9a9a9a",
+    color: "#9a9a9a"
   },
   prolog: {
-    color: "#9a9a9a",
+    color: "#9a9a9a"
   },
   doctype: {
-    color: "#9a9a9a",
+    color: "#9a9a9a"
   },
   cdata: {
-    color: "#9a9a9a",
+    color: "#9a9a9a"
   },
   punctuation: {
-    color: "#9a9a9a",
+    color: "#9a9a9a"
   },
   property: {
-    color: "#2c99c7",
+    color: "#2c99c7"
   },
   tag: {
-    color: "#2c99c7",
+    color: "#2c99c7"
   },
   boolean: {
-    color: "#2c99c7",
+    color: "#2c99c7"
   },
   number: {
-    color: "#2c99c7",
+    color: "#2c99c7"
   },
   constant: {
-    color: "#2c99c7",
+    color: "#2c99c7"
   },
   symbol: {
-    color: "#2c99c7",
+    color: "#2c99c7"
   },
   deleted: {
-    color: "#2c99c7",
+    color: "#2c99c7"
   },
   selector: {
-    color: "#005f9a",
+    color: "#005f9a"
   },
   "attr-name": {
-    color: "#005f9a",
+    color: "#005f9a"
   },
   string: {
-    color: "#005f9a",
+    color: "#005f9a"
   },
   char: {
-    color: "#005f9a",
+    color: "#005f9a"
   },
   builtin: {
-    color: "#005f9a",
+    color: "#005f9a"
   },
   inserted: {
-    color: "#005f9a",
+    color: "#005f9a"
   },
   operator: {
-    color: "#686868",
+    color: "#686868"
   },
   entity: {
     color: "#686868",
-    cursor: "help",
+    cursor: "help"
   },
   url: {
-    color: "#686868",
+    color: "#686868"
   },
   ".language-css .token.string": {
-    color: "#686868",
+    color: "#686868"
   },
   ".style .token.string": {
-    color: "#686868",
+    color: "#686868"
   },
   atrule: {
-    color: "#00a984",
+    color: "#00a984"
   },
   "attr-value": {
-    color: "#00a984",
+    color: "#00a984"
   },
   keyword: {
-    color: "#00a984",
+    color: "#00a984"
   },
   function: {
-    color: "#ff3860",
+    color: "#ff3860"
   },
   regex: {
-    color: "#a74eb2",
+    color: "#a74eb2"
   },
   important: {
     color: "#a74eb2",
-    fontWeight: "bold",
+    fontWeight: "bold"
   },
   variable: {
-    color: "#a74eb2",
+    color: "#a74eb2"
   },
   bold: {
-    fontWeight: "bold",
+    fontWeight: "bold"
   },
   italic: {
-    fontStyle: "italic",
+    fontStyle: "italic"
   },
   "pre[data-line]": {
-    position: "relative",
+    position: "relative"
   },
   'pre[class*="language-"] > code[class*="language-"]': {
     position: "relative",
-    zIndex: "1",
+    zIndex: "1"
   },
   ".line-highlight": {
     position: "absolute",
@@ -209,6 +209,6 @@ export default {
     zIndex: "0",
     pointerEvents: "none",
     lineHeight: "inherit",
-    whiteSpace: "pre",
-  },
+    whiteSpace: "pre"
+  }
 };