diff --git a/gradle/changelog/code_font_size.yaml b/gradle/changelog/code_font_size.yaml
new file mode 100644
index 0000000000..c8506f5fd7
--- /dev/null
+++ b/gradle/changelog/code_font_size.yaml
@@ -0,0 +1,2 @@
+- type: changed
+  description: Code font size ([#1631](https://github.com/scm-manager/scm-manager/pull/1631))
diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index a504d0f02a..801964a316 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -22,7 +22,7 @@ exports[`Storyshots Annotate Default 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -49,7 +49,7 @@ exports[`Storyshots Annotate Default 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -575,7 +575,7 @@ exports[`Storyshots Annotate Markdown 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -602,7 +602,7 @@ exports[`Storyshots Annotate Markdown 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -1056,7 +1056,7 @@ exports[`Storyshots Annotate With Avatars 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -1083,7 +1083,7 @@ exports[`Storyshots Annotate With Avatars 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -47810,7 +47810,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
               "color": "#363636",
               "direction": "ltr",
               "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
+              "fontSize": "1rem",
               "hyphens": "none",
               "lineHeight": "1.5",
               "margin": ".5em 0",
@@ -47837,7 +47837,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                "fontSize": "13px",
+                "fontSize": "1rem",
                 "hyphens": "none",
                 "lineHeight": "1.5",
                 "msHyphens": "none",
@@ -48970,7 +48970,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               "color": "#363636",
               "direction": "ltr",
               "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
+              "fontSize": "1rem",
               "hyphens": "none",
               "lineHeight": "1.5",
               "margin": ".5em 0",
@@ -48997,7 +48997,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                "fontSize": "13px",
+                "fontSize": "1rem",
                 "hyphens": "none",
                 "lineHeight": "1.5",
                 "msHyphens": "none",
@@ -57657,7 +57657,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               "color": "#363636",
               "direction": "ltr",
               "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
+              "fontSize": "1rem",
               "hyphens": "none",
               "lineHeight": "1.5",
               "margin": ".5em 0",
@@ -57684,7 +57684,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                "fontSize": "13px",
+                "fontSize": "1rem",
                 "hyphens": "none",
                 "lineHeight": "1.5",
                 "msHyphens": "none",
@@ -59044,7 +59044,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               "color": "#363636",
               "direction": "ltr",
               "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
+              "fontSize": "1rem",
               "hyphens": "none",
               "lineHeight": "1.5",
               "margin": ".5em 0",
@@ -59071,7 +59071,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                "fontSize": "13px",
+                "fontSize": "1rem",
                 "hyphens": "none",
                 "lineHeight": "1.5",
                 "msHyphens": "none",
@@ -60376,7 +60376,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               "color": "#363636",
               "direction": "ltr",
               "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
+              "fontSize": "1rem",
               "hyphens": "none",
               "lineHeight": "1.5",
               "margin": ".5em 0",
@@ -60403,7 +60403,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                "fontSize": "13px",
+                "fontSize": "1rem",
                 "hyphens": "none",
                 "lineHeight": "1.5",
                 "msHyphens": "none",
@@ -63299,7 +63299,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -63326,7 +63326,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -64651,7 +64651,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -64678,7 +64678,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -64745,7 +64745,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -64772,7 +64772,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -65566,7 +65566,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -65593,7 +65593,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -73483,7 +73483,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -73510,7 +73510,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
@@ -74916,7 +74916,7 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
           "color": "#363636",
           "direction": "ltr",
           "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-          "fontSize": "13px",
+          "fontSize": "1rem",
           "hyphens": "none",
           "lineHeight": "1.5",
           "margin": ".5em 0",
@@ -74943,7 +74943,7 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-            "fontSize": "13px",
+            "fontSize": "1rem",
             "hyphens": "none",
             "lineHeight": "1.5",
             "msHyphens": "none",
diff --git a/scm-ui/ui-components/src/syntax-highlighting.module.css b/scm-ui/ui-components/src/syntax-highlighting.module.css
index 4273b26931..c86c8ec292 100644
--- a/scm-ui/ui-components/src/syntax-highlighting.module.css
+++ b/scm-ui/ui-components/src/syntax-highlighting.module.css
@@ -44,7 +44,7 @@
 pre[class*="language-"],
 code[class*="language-"] {
   color: #363636;
-  font-size: 13px;
+  font-size: 1rem;
   text-shadow: none;
   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   direction: ltr;
diff --git a/scm-ui/ui-components/src/syntax-highlighting.ts b/scm-ui/ui-components/src/syntax-highlighting.ts
index 7b6e928cfd..c5efc3f77c 100644
--- a/scm-ui/ui-components/src/syntax-highlighting.ts
+++ b/scm-ui/ui-components/src/syntax-highlighting.ts
@@ -28,7 +28,7 @@
 export default {
   'pre[class*="language-"]': {
     color: "#363636",
-    fontSize: "13px",
+    fontSize: "1rem",
     textShadow: "none",
     fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
     direction: "ltr",
@@ -51,7 +51,7 @@ export default {
   },
   'code[class*="language-"]': {
     color: "#363636",
-    fontSize: "13px",
+    fontSize: "1rem",
     textShadow: "none",
     fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
     direction: "ltr",