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 7406de61c8..03f07aecc5 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -1,14 +1,897 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Storyshots Annotate Default 1`] = `
+<div
+  className="Annotatestories__Wrapper-sc-1fdvl94-0 gsnlux box"
+>
+  <div
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
+  >
+    <pre
+      style={
+        Object {
+          "background": "#FFFFFF",
+          "color": "#434f54",
+          "display": "block",
+          "overflowX": "auto",
+          "padding": "0.5em",
+        }
+      }
+    >
+      <code>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            1
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={
+                  Object {
+                    "color": "#00979D",
+                  }
+                }
+              >
+                package
+              </span>
+              <span
+                style={Object {}}
+              >
+                 main
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 dcuBCB"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            2
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              Tricia Marie McMillan
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-05-10 11:18:42"
+              >
+                2020-05-10
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            3
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#00979D",
+                  }
+                }
+              >
+                import
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#005C5F",
+                  }
+                }
+              >
+                "fmt"
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 dcuBCB"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            4
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            5
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#00979D",
+                  }
+                }
+              >
+                func
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#728E00",
+                  }
+                }
+              >
+                 
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#880000",
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                main
+              </span>
+              <span
+                className="hljs-params"
+                style={
+                  Object {
+                    "color": "#728E00",
+                  }
+                }
+              >
+                ()
+              </span>
+              <span
+                style={Object {}}
+              >
+                 {
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              Ford Prefect
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-12 18:29:42"
+              >
+                2020-04-12
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            6
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                  fmt.Println(
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#005C5F",
+                  }
+                }
+              >
+                "Hello World"
+              </span>
+              <span
+                style={Object {}}
+              >
+                )
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            7
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              }
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 dcuBCB"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            8
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <span
+          style={Object {}}
+        >
+          
+
+        </span>
+      </code>
+    </pre>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Annotate With Avatars 1`] = `
+<div
+  className="Annotatestories__Wrapper-sc-1fdvl94-0 gsnlux box"
+>
+  <div
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
+  >
+    <pre
+      style={
+        Object {
+          "background": "#FFFFFF",
+          "color": "#434f54",
+          "display": "block",
+          "overflowX": "auto",
+          "padding": "0.5em",
+        }
+      }
+    >
+      <code>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              <img
+                alt="Arthur Dent"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kwWfeM"
+                src="https://robohash.org/arthur.dent@hitchhiker.com.png"
+              />
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            1
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={
+                  Object {
+                    "color": "#00979D",
+                  }
+                }
+              >
+                package
+              </span>
+              <span
+                style={Object {}}
+              >
+                 main
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 dcuBCB"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            2
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              <img
+                alt="Tricia Marie McMillan"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kwWfeM"
+                src="https://robohash.org/trillian@hitchhiker.com.png"
+              />
+              Tricia Marie McMillan
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-05-10 11:18:42"
+              >
+                2020-05-10
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            3
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#00979D",
+                  }
+                }
+              >
+                import
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#005C5F",
+                  }
+                }
+              >
+                "fmt"
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 dcuBCB"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            4
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              <img
+                alt="Arthur Dent"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kwWfeM"
+                src="https://robohash.org/arthur.dent@hitchhiker.com.png"
+              />
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            5
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#00979D",
+                  }
+                }
+              >
+                func
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#728E00",
+                  }
+                }
+              >
+                 
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#880000",
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                main
+              </span>
+              <span
+                className="hljs-params"
+                style={
+                  Object {
+                    "color": "#728E00",
+                  }
+                }
+              >
+                ()
+              </span>
+              <span
+                style={Object {}}
+              >
+                 {
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              <img
+                alt="Ford Prefect"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kwWfeM"
+                src="https://robohash.org/ford.prefect@hitchhiker.com.png"
+              />
+              Ford Prefect
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-12 18:29:42"
+              >
+                2020-04-12
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            6
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                  fmt.Println(
+              </span>
+              <span
+                style={
+                  Object {
+                    "color": "#005C5F",
+                  }
+                }
+              >
+                "Hello World"
+              </span>
+              <span
+                style={Object {}}
+              >
+                )
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 fcBcwU has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 dwoZAk"
+            >
+              <img
+                alt="Arthur Dent"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kwWfeM"
+                src="https://robohash.org/arthur.dent@hitchhiker.com.png"
+              />
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 bJHcch"
+            >
+              <time
+                className="dates__DateElement-rne419-0 gZMOzs"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            7
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              }
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 hQRcwx"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 dcuBCB"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 jYkQpl"
+          >
+            8
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 iuSGsT"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <span
+          style={Object {}}
+        >
+          
+
+        </span>
+      </code>
+    </pre>
+  </div>
+</div>
+`;
+
 exports[`Storyshots BranchSelector Default 1`] = `
 <div
-  className="BranchSelectorstories__Wrapper-cg4ke7-0 fJnRhY"
+  className="BranchSelectorstories__Wrapper-cg4ke7-0 cDyrzQ"
 >
   <div
     className="field is-horizontal"
   >
     <div
-      className="BranchSelector__ZeroflexFieldLabel-sc-1120xyr-0 jDDnkZ field-label is-normal"
+      className="BranchSelector__ZeroflexFieldLabel-sc-1120xyr-0 dhSXYt field-label is-normal"
     >
       <label
         className="label is-size-6"
@@ -20,10 +903,10 @@ exports[`Storyshots BranchSelector Default 1`] = `
       className="field-body"
     >
       <div
-        className="BranchSelector__NoBottomMarginField-sc-1120xyr-2 dwGRxk field is-narrow"
+        className="BranchSelector__NoBottomMarginField-sc-1120xyr-2 dcIYMA field is-narrow"
       >
         <div
-          className="BranchSelector__MinWidthControl-sc-1120xyr-1 ejZRKS control"
+          className="BranchSelector__MinWidthControl-sc-1120xyr-1 gEwwuP control"
         >
           <div
             className="is-fullwidth select"
@@ -56,14 +939,14 @@ exports[`Storyshots BranchSelector Default 1`] = `
 
 exports[`Storyshots BreadCrumb Default 1`] = `
 <div
-  className="Breadcrumbstories__Wrapper-sc-1eq8sgz-0 iQWHhZ"
+  className="Breadcrumbstories__Wrapper-sc-1eq8sgz-0 hJjkVt"
 >
   <div
     className="is-flex"
   >
     <nav
       aria-label="breadcrumbs"
-      className="Breadcrumb__FlexStartNav-zvtb4t-0 iSVqtO breadcrumb sources-breadcrumb"
+      className="Breadcrumb__FlexStartNav-zvtb4t-0 cTYCAf breadcrumb sources-breadcrumb"
     >
       <ul>
         <li>
@@ -72,7 +955,7 @@ exports[`Storyshots BreadCrumb Default 1`] = `
             onClick={[Function]}
           >
             <i
-              className="fas fa-fw fa-home has-text-inherit Breadcrumb__HomeIcon-zvtb4t-1 dXzWcx"
+              className="fas fa-fw fa-home has-text-inherit Breadcrumb__HomeIcon-zvtb4t-1 jbNETO"
               title="breadcrumb.home"
             />
           </a>
@@ -131,7 +1014,7 @@ exports[`Storyshots BreadCrumb Default 1`] = `
 
 exports[`Storyshots Buttons|AddButton Default 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <button
     className="button is-default"
@@ -156,7 +1039,7 @@ exports[`Storyshots Buttons|AddButton Default 1`] = `
 exports[`Storyshots Buttons|Button Colors 1`] = `
 <div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-primary"
@@ -168,7 +1051,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-link"
@@ -180,7 +1063,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-info"
@@ -192,7 +1075,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-success"
@@ -204,7 +1087,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-warning"
@@ -216,7 +1099,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-danger"
@@ -228,7 +1111,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-white"
@@ -240,7 +1123,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-light"
@@ -252,7 +1135,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-dark"
@@ -264,7 +1147,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-black"
@@ -276,7 +1159,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-text"
@@ -293,7 +1176,7 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
 exports[`Storyshots Buttons|Button Disabled 1`] = `
 <div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-primary"
@@ -306,7 +1189,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-link"
@@ -319,7 +1202,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-info"
@@ -332,7 +1215,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-success"
@@ -345,7 +1228,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-warning"
@@ -358,7 +1241,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-danger"
@@ -371,7 +1254,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-white"
@@ -384,7 +1267,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-light"
@@ -397,7 +1280,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-dark"
@@ -410,7 +1293,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-black"
@@ -423,7 +1306,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
     </button>
   </div>
   <div
-    className="indexstories__Spacing-bpoict-0 FnHDe"
+    className="indexstories__Spacing-bpoict-0 dMbuGv"
   >
     <button
       className="button is-text"
@@ -440,7 +1323,7 @@ exports[`Storyshots Buttons|Button Disabled 1`] = `
 
 exports[`Storyshots Buttons|Button Loading 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <button
     className="button is-primary is-loading"
@@ -455,10 +1338,10 @@ exports[`Storyshots Buttons|Button Loading 1`] = `
 
 exports[`Storyshots Buttons|CreateButton Default 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <div
-    className="CreateButton__Wrapper-f29oo-0 bKcwAq has-text-centered"
+    className="CreateButton__Wrapper-f29oo-0 gKZwmS has-text-centered"
   >
     <button
       className="button is-primary"
@@ -474,7 +1357,7 @@ exports[`Storyshots Buttons|CreateButton Default 1`] = `
 
 exports[`Storyshots Buttons|DeleteButton Default 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <button
     className="button is-warning"
@@ -498,7 +1381,7 @@ exports[`Storyshots Buttons|DeleteButton Default 1`] = `
 
 exports[`Storyshots Buttons|DownloadButton Default 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <a
     className="button is-link"
@@ -522,7 +1405,7 @@ exports[`Storyshots Buttons|DownloadButton Default 1`] = `
 
 exports[`Storyshots Buttons|DownloadButton Disabled 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <a
     className="button is-link"
@@ -546,7 +1429,7 @@ exports[`Storyshots Buttons|DownloadButton Disabled 1`] = `
 
 exports[`Storyshots Buttons|EditButton Default 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <button
     className="button is-default"
@@ -561,7 +1444,7 @@ exports[`Storyshots Buttons|EditButton Default 1`] = `
 
 exports[`Storyshots Buttons|SubmitButton Default 1`] = `
 <div
-  className="indexstories__Spacing-bpoict-0 FnHDe"
+  className="indexstories__Spacing-bpoict-0 dMbuGv"
 >
   <button
     className="button is-primary"
@@ -576,7 +1459,7 @@ exports[`Storyshots Buttons|SubmitButton Default 1`] = `
 
 exports[`Storyshots CardColumn Default 1`] = `
 <div
-  className="CardColumnstories__Wrapper-sc-1ztucl-0 IFDjP"
+  className="CardColumnstories__Wrapper-sc-1ztucl-0 eHnesu"
 >
   <a
     className="overlay-column"
@@ -584,23 +1467,23 @@ exports[`Storyshots CardColumn Default 1`] = `
     onClick={[Function]}
   />
   <article
-    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 kZKqpc media"
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 drDuST media"
   >
     <figure
-      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 bZyfne media-left"
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 glSKIp media-left"
     >
       <i
         className="fas fa-icons fa-2x fa-fw has-text-grey-light"
       />
     </figure>
     <div
-      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 cAdfGj media-content text-box is-flex"
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hrCHbs media-content text-box is-flex"
     >
       <div
         className="is-flex"
       >
         <div
-          className="CardColumn__ContentLeft-sc-1w6lsih-4 dumWkw content"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 RPsYx content"
         >
           <p
             className="shorten-text is-marginless"
@@ -617,17 +1500,17 @@ exports[`Storyshots CardColumn Default 1`] = `
         </div>
       </div>
       <div
-        className="CardColumn__FooterWrapper-sc-1w6lsih-3 jlTqlS level is-flex"
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 brZihS level is-flex"
       >
         <div
-          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 dbLPPh level-left is-hidden-mobile"
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 hnEHGK level-left is-hidden-mobile"
         >
           <small>
             left footer
           </small>
         </div>
         <div
-          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 MkNLN level-right is-block is-mobile is-marginless shorten-text"
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 iSWrYv level-right is-block is-mobile is-marginless shorten-text"
         >
           <small>
             right footer
@@ -641,19 +1524,19 @@ exports[`Storyshots CardColumn Default 1`] = `
 
 exports[`Storyshots CardColumn Minimal 1`] = `
 <div
-  className="CardColumnstories__Wrapper-sc-1ztucl-0 IFDjP"
+  className="CardColumnstories__Wrapper-sc-1ztucl-0 eHnesu"
 >
   <article
-    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 kZKqpc media"
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 drDuST media"
   >
     <div
-      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 cAdfGj media-content text-box is-flex"
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hrCHbs media-content text-box is-flex"
     >
       <div
         className="is-flex"
       >
         <div
-          className="CardColumn__ContentLeft-sc-1w6lsih-4 dumWkw content"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 RPsYx content"
         >
           <p
             className="shorten-text is-marginless"
@@ -665,17 +1548,17 @@ exports[`Storyshots CardColumn Minimal 1`] = `
         </div>
       </div>
       <div
-        className="CardColumn__FooterWrapper-sc-1w6lsih-3 jlTqlS level is-flex"
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 brZihS level is-flex"
       >
         <div
-          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 dbLPPh level-left is-hidden-mobile"
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 hnEHGK level-left is-hidden-mobile"
         >
           <small>
             left footer
           </small>
         </div>
         <div
-          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 MkNLN level-right is-block is-mobile is-marginless shorten-text"
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 iSWrYv level-right is-block is-mobile is-marginless shorten-text"
         >
           <small>
             right footer
@@ -689,19 +1572,19 @@ exports[`Storyshots CardColumn Minimal 1`] = `
 
 exports[`Storyshots CardColumn With hoverable date 1`] = `
 <div
-  className="CardColumnstories__Wrapper-sc-1ztucl-0 IFDjP"
+  className="CardColumnstories__Wrapper-sc-1ztucl-0 eHnesu"
 >
   <article
-    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 kZKqpc media"
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 drDuST media"
   >
     <div
-      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 cAdfGj media-content text-box is-flex"
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hrCHbs media-content text-box is-flex"
     >
       <div
         className="is-flex"
       >
         <div
-          className="CardColumn__ContentLeft-sc-1w6lsih-4 dumWkw content"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 RPsYx content"
         >
           <p
             className="shorten-text is-marginless"
@@ -713,23 +1596,23 @@ exports[`Storyshots CardColumn With hoverable date 1`] = `
         </div>
       </div>
       <div
-        className="CardColumn__FooterWrapper-sc-1w6lsih-3 jlTqlS level is-flex"
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 brZihS level is-flex"
       >
         <div
-          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 dbLPPh level-left is-hidden-mobile"
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 hnEHGK level-left is-hidden-mobile"
         >
           <small>
             left footer
           </small>
         </div>
         <div
-          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 MkNLN level-right is-block is-mobile is-marginless shorten-text"
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 iSWrYv level-right is-block is-mobile is-marginless shorten-text"
         >
           <small
             className="level-item"
           >
             <time
-              className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+              className="dates__DateElement-rne419-0 gZMOzs"
               title="2020-03-23 09:26:01"
             >
               3 days ago
@@ -744,10 +1627,10 @@ exports[`Storyshots CardColumn With hoverable date 1`] = `
 
 exports[`Storyshots CardColumnSmall Default 1`] = `
 <div
-  className="CardColumnSmallstories__Wrapper-ofr817-0 fwZASP"
+  className="CardColumnSmallstories__Wrapper-ofr817-0 braPJY"
 >
   <a
-    className="CardColumnSmall__StyledLink-tk9h0o-4 bSCFyE"
+    className="CardColumnSmall__StyledLink-tk9h0o-4 knwTUG"
     href="/foo/bar"
     onClick={[Function]}
   >
@@ -755,20 +1638,20 @@ exports[`Storyshots CardColumnSmall Default 1`] = `
       className="media"
     >
       <figure
-        className="CardColumnSmall__AvatarWrapper-tk9h0o-5 jvTAoV media-left"
+        className="CardColumnSmall__AvatarWrapper-tk9h0o-5 bPhxwL media-left"
       >
         <i
           className="fas fa-icons fa-2x fa-fw has-text-grey-light"
         />
       </figure>
       <div
-        className="CardColumnSmall__FlexFullHeight-tk9h0o-0 fwRxNw media-content text-box is-flex"
+        className="CardColumnSmall__FlexFullHeight-tk9h0o-0 iFeBQr media-content text-box is-flex"
       >
         <div
-          className="CardColumnSmall__CenteredItems-tk9h0o-3 eHPOKj is-flex"
+          className="CardColumnSmall__CenteredItems-tk9h0o-3 jBBgTg is-flex"
         >
           <div
-            className="CardColumnSmall__ContentLeft-tk9h0o-1 ihirgF"
+            className="CardColumnSmall__ContentLeft-tk9h0o-1 bewQHZ"
           >
             <strong
               className="is-marginless"
@@ -777,7 +1660,7 @@ exports[`Storyshots CardColumnSmall Default 1`] = `
             </strong>
           </div>
           <div
-            className="CardColumnSmall__ContentRight-tk9h0o-2 jZRaNn"
+            className="CardColumnSmall__ContentRight-tk9h0o-2 eCCuqJ"
           >
             <small>
               more text
@@ -792,10 +1675,10 @@ exports[`Storyshots CardColumnSmall Default 1`] = `
 
 exports[`Storyshots CardColumnSmall Minimal 1`] = `
 <div
-  className="CardColumnSmallstories__Wrapper-ofr817-0 fwZASP"
+  className="CardColumnSmallstories__Wrapper-ofr817-0 braPJY"
 >
   <a
-    className="CardColumnSmall__StyledLink-tk9h0o-4 bSCFyE"
+    className="CardColumnSmall__StyledLink-tk9h0o-4 knwTUG"
     href="/foo/bar"
     onClick={[Function]}
   >
@@ -803,13 +1686,13 @@ exports[`Storyshots CardColumnSmall Minimal 1`] = `
       className="media"
     >
       <div
-        className="CardColumnSmall__FlexFullHeight-tk9h0o-0 fwRxNw media-content text-box is-flex"
+        className="CardColumnSmall__FlexFullHeight-tk9h0o-0 iFeBQr media-content text-box is-flex"
       >
         <div
-          className="CardColumnSmall__CenteredItems-tk9h0o-3 eHPOKj is-flex"
+          className="CardColumnSmall__CenteredItems-tk9h0o-3 jBBgTg is-flex"
         >
           <div
-            className="CardColumnSmall__ContentLeft-tk9h0o-1 ihirgF"
+            className="CardColumnSmall__ContentLeft-tk9h0o-1 bewQHZ"
           >
             <strong
               className="is-marginless"
@@ -818,7 +1701,7 @@ exports[`Storyshots CardColumnSmall Minimal 1`] = `
             </strong>
           </div>
           <div
-            className="CardColumnSmall__ContentRight-tk9h0o-2 jZRaNn"
+            className="CardColumnSmall__ContentRight-tk9h0o-2 eCCuqJ"
           >
             <small>
               more text
@@ -833,10 +1716,10 @@ exports[`Storyshots CardColumnSmall Minimal 1`] = `
 
 exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
 <div
-  className="Changesetsstories__Wrapper-sc-122npan-0 iszpMD box box-link-shadow"
+  className="Changesetsstories__Wrapper-sc-122npan-0 hHKBXk box box-link-shadow"
 >
   <div
-    className="ChangesetRow__Wrapper-tkpti5-0 iLSrdy"
+    className="ChangesetRow__Wrapper-tkpti5-0 bRWdJS"
   >
     <div
       className="columns is-gapless is-mobile"
@@ -854,10 +1737,10 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
               className="media"
             >
               <figure
-                className="ChangesetRow__AvatarFigure-tkpti5-1 cqLirB media-left"
+                className="ChangesetRow__AvatarFigure-tkpti5-1 fUzXNb media-left"
               >
                 <div
-                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 fqLFVn image"
+                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 gyRSyX image"
                 >
                   <img
                     alt="SCM Administrator"
@@ -867,7 +1750,7 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
                 </div>
               </figure>
               <div
-                className="ChangesetRow__Metadata-tkpti5-3 ibQmQZ media-right"
+                className="ChangesetRow__Metadata-tkpti5-3 dfKqLe media-right"
               >
                 <h4
                   className="has-text-weight-bold is-ellipsis-overflow"
@@ -881,7 +1764,7 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
                   className="is-hidden-desktop"
                 />
                 <p
-                  className="ChangesetRow__AuthorWrapper-tkpti5-4 cVHztK is-size-7 is-ellipsis-overflow"
+                  className="ChangesetRow__AuthorWrapper-tkpti5-4 kDAubY is-size-7 is-ellipsis-overflow"
                 >
                   changeset.contributors.authoredBy
                    
@@ -897,7 +1780,7 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
                   changeset.contributors.coAuthoredBy
                    
                   <span
-                    className="ChangesetAuthor__AvatarList-sc-1oz0xgw-0 glabbT"
+                    className="ChangesetAuthor__AvatarList-sc-1oz0xgw-0 bpcCrU"
                   >
                     <a
                       href="mailto:ford.prefect@hitchhiker.com"
@@ -905,7 +1788,7 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
                     >
                       <img
                         alt="Ford Prefect"
-                        className="ContributorAvatar-sc-1yz8zn-0 lgGcHZ"
+                        className="ContributorAvatar-sc-1yz8zn-0 laExrp"
                         src="https://robohash.org/ford.prefect@hitchhiker.com"
                       />
                     </a>
@@ -915,7 +1798,7 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
                     >
                       <img
                         alt="Zaphod Beeblebrox"
-                        className="ContributorAvatar-sc-1yz8zn-0 lgGcHZ"
+                        className="ContributorAvatar-sc-1yz8zn-0 laExrp"
                         src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
                       />
                     </a>
@@ -925,7 +1808,7 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
                     >
                       <img
                         alt="Tricia Marie McMillan"
-                        className="ContributorAvatar-sc-1yz8zn-0 lgGcHZ"
+                        className="ContributorAvatar-sc-1yz8zn-0 laExrp"
                         src="https://robohash.org/trillian@hitchhiker.cm"
                       />
                     </a>
@@ -936,15 +1819,15 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
             </div>
           </div>
           <div
-            className="ChangesetRow__VCenteredColumn-tkpti5-5 idGTGx column"
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 jtvbjX column"
           />
         </div>
       </div>
       <div
-        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 gmuCVd column is-flex"
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 cciHUW column is-flex"
       >
         <div
-          className="ButtonAddons__Flex-sc-182golj-0 cicrPZ field has-addons is-marginless"
+          className="ButtonAddons__Flex-sc-182golj-0 jSuMVB field has-addons is-marginless"
         >
           <p
             className="control"
@@ -997,10 +1880,10 @@ exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
 
 exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
 <div
-  className="Changesetsstories__Wrapper-sc-122npan-0 iszpMD box box-link-shadow"
+  className="Changesetsstories__Wrapper-sc-122npan-0 hHKBXk box box-link-shadow"
 >
   <div
-    className="ChangesetRow__Wrapper-tkpti5-0 iLSrdy"
+    className="ChangesetRow__Wrapper-tkpti5-0 bRWdJS"
   >
     <div
       className="columns is-gapless is-mobile"
@@ -1018,10 +1901,10 @@ exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
               className="media"
             >
               <figure
-                className="ChangesetRow__AvatarFigure-tkpti5-1 cqLirB media-left"
+                className="ChangesetRow__AvatarFigure-tkpti5-1 fUzXNb media-left"
               >
                 <div
-                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 fqLFVn image"
+                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 gyRSyX image"
                 >
                   <img
                     alt="SCM Administrator"
@@ -1031,7 +1914,7 @@ exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
                 </div>
               </figure>
               <div
-                className="ChangesetRow__Metadata-tkpti5-3 ibQmQZ media-right"
+                className="ChangesetRow__Metadata-tkpti5-3 dfKqLe media-right"
               >
                 <h4
                   className="has-text-weight-bold is-ellipsis-overflow"
@@ -1045,7 +1928,7 @@ exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
                   className="is-hidden-desktop"
                 />
                 <p
-                  className="ChangesetRow__AuthorWrapper-tkpti5-4 cVHztK is-size-7 is-ellipsis-overflow"
+                  className="ChangesetRow__AuthorWrapper-tkpti5-4 kDAubY is-size-7 is-ellipsis-overflow"
                 >
                   changeset.contributors.authoredBy
                    
@@ -1064,7 +1947,7 @@ exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
                   >
                     <img
                       alt="Zaphod Beeblebrox"
-                      className="ContributorAvatar-sc-1yz8zn-0 lgGcHZ"
+                      className="ContributorAvatar-sc-1yz8zn-0 laExrp"
                       src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
                     />
                   </a>
@@ -1079,7 +1962,7 @@ exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
                   >
                     <img
                       alt="Ford Prefect"
-                      className="ContributorAvatar-sc-1yz8zn-0 lgGcHZ"
+                      className="ContributorAvatar-sc-1yz8zn-0 laExrp"
                       src="https://robohash.org/ford.prefect@hitchhiker.com"
                     />
                   </a>
@@ -1089,15 +1972,15 @@ exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
             </div>
           </div>
           <div
-            className="ChangesetRow__VCenteredColumn-tkpti5-5 idGTGx column"
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 jtvbjX column"
           />
         </div>
       </div>
       <div
-        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 gmuCVd column is-flex"
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 cciHUW column is-flex"
       >
         <div
-          className="ButtonAddons__Flex-sc-182golj-0 cicrPZ field has-addons is-marginless"
+          className="ButtonAddons__Flex-sc-182golj-0 jSuMVB field has-addons is-marginless"
         >
           <p
             className="control"
@@ -1150,10 +2033,10 @@ exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
 
 exports[`Storyshots Changesets Default 1`] = `
 <div
-  className="Changesetsstories__Wrapper-sc-122npan-0 iszpMD box box-link-shadow"
+  className="Changesetsstories__Wrapper-sc-122npan-0 hHKBXk box box-link-shadow"
 >
   <div
-    className="ChangesetRow__Wrapper-tkpti5-0 iLSrdy"
+    className="ChangesetRow__Wrapper-tkpti5-0 bRWdJS"
   >
     <div
       className="columns is-gapless is-mobile"
@@ -1171,7 +2054,7 @@ exports[`Storyshots Changesets Default 1`] = `
               className="media"
             >
               <div
-                className="ChangesetRow__Metadata-tkpti5-3 ibQmQZ media-right"
+                className="ChangesetRow__Metadata-tkpti5-3 dfKqLe media-right"
               >
                 <h4
                   className="has-text-weight-bold is-ellipsis-overflow"
@@ -1185,7 +2068,7 @@ exports[`Storyshots Changesets Default 1`] = `
                   className="is-hidden-desktop"
                 />
                 <p
-                  className="ChangesetRow__AuthorWrapper-tkpti5-4 cVHztK is-size-7 is-ellipsis-overflow"
+                  className="ChangesetRow__AuthorWrapper-tkpti5-4 kDAubY is-size-7 is-ellipsis-overflow"
                 >
                   changeset.contributors.authoredBy
                    
@@ -1200,15 +2083,15 @@ exports[`Storyshots Changesets Default 1`] = `
             </div>
           </div>
           <div
-            className="ChangesetRow__VCenteredColumn-tkpti5-5 idGTGx column"
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 jtvbjX column"
           />
         </div>
       </div>
       <div
-        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 gmuCVd column is-flex"
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 cciHUW column is-flex"
       >
         <div
-          className="ButtonAddons__Flex-sc-182golj-0 cicrPZ field has-addons is-marginless"
+          className="ButtonAddons__Flex-sc-182golj-0 jSuMVB field has-addons is-marginless"
         >
           <p
             className="control"
@@ -1261,10 +2144,10 @@ exports[`Storyshots Changesets Default 1`] = `
 
 exports[`Storyshots Changesets With Committer 1`] = `
 <div
-  className="Changesetsstories__Wrapper-sc-122npan-0 iszpMD box box-link-shadow"
+  className="Changesetsstories__Wrapper-sc-122npan-0 hHKBXk box box-link-shadow"
 >
   <div
-    className="ChangesetRow__Wrapper-tkpti5-0 iLSrdy"
+    className="ChangesetRow__Wrapper-tkpti5-0 bRWdJS"
   >
     <div
       className="columns is-gapless is-mobile"
@@ -1282,7 +2165,7 @@ exports[`Storyshots Changesets With Committer 1`] = `
               className="media"
             >
               <div
-                className="ChangesetRow__Metadata-tkpti5-3 ibQmQZ media-right"
+                className="ChangesetRow__Metadata-tkpti5-3 dfKqLe media-right"
               >
                 <h4
                   className="has-text-weight-bold is-ellipsis-overflow"
@@ -1296,7 +2179,7 @@ exports[`Storyshots Changesets With Committer 1`] = `
                   className="is-hidden-desktop"
                 />
                 <p
-                  className="ChangesetRow__AuthorWrapper-tkpti5-4 cVHztK is-size-7 is-ellipsis-overflow"
+                  className="ChangesetRow__AuthorWrapper-tkpti5-4 kDAubY is-size-7 is-ellipsis-overflow"
                 >
                   changeset.contributors.authoredBy
                    
@@ -1323,15 +2206,15 @@ exports[`Storyshots Changesets With Committer 1`] = `
             </div>
           </div>
           <div
-            className="ChangesetRow__VCenteredColumn-tkpti5-5 idGTGx column"
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 jtvbjX column"
           />
         </div>
       </div>
       <div
-        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 gmuCVd column is-flex"
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 cciHUW column is-flex"
       >
         <div
-          className="ButtonAddons__Flex-sc-182golj-0 cicrPZ field has-addons is-marginless"
+          className="ButtonAddons__Flex-sc-182golj-0 jSuMVB field has-addons is-marginless"
         >
           <p
             className="control"
@@ -1384,10 +2267,10 @@ exports[`Storyshots Changesets With Committer 1`] = `
 
 exports[`Storyshots Changesets With Committer and Co-Author 1`] = `
 <div
-  className="Changesetsstories__Wrapper-sc-122npan-0 iszpMD box box-link-shadow"
+  className="Changesetsstories__Wrapper-sc-122npan-0 hHKBXk box box-link-shadow"
 >
   <div
-    className="ChangesetRow__Wrapper-tkpti5-0 iLSrdy"
+    className="ChangesetRow__Wrapper-tkpti5-0 bRWdJS"
   >
     <div
       className="columns is-gapless is-mobile"
@@ -1405,7 +2288,7 @@ exports[`Storyshots Changesets With Committer and Co-Author 1`] = `
               className="media"
             >
               <div
-                className="ChangesetRow__Metadata-tkpti5-3 ibQmQZ media-right"
+                className="ChangesetRow__Metadata-tkpti5-3 dfKqLe media-right"
               >
                 <h4
                   className="has-text-weight-bold is-ellipsis-overflow"
@@ -1419,7 +2302,7 @@ exports[`Storyshots Changesets With Committer and Co-Author 1`] = `
                   className="is-hidden-desktop"
                 />
                 <p
-                  className="ChangesetRow__AuthorWrapper-tkpti5-4 cVHztK is-size-7 is-ellipsis-overflow"
+                  className="ChangesetRow__AuthorWrapper-tkpti5-4 kDAubY is-size-7 is-ellipsis-overflow"
                 >
                   changeset.contributors.authoredBy
                    
@@ -1455,15 +2338,15 @@ exports[`Storyshots Changesets With Committer and Co-Author 1`] = `
             </div>
           </div>
           <div
-            className="ChangesetRow__VCenteredColumn-tkpti5-5 idGTGx column"
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 jtvbjX column"
           />
         </div>
       </div>
       <div
-        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 gmuCVd column is-flex"
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 cciHUW column is-flex"
       >
         <div
-          className="ButtonAddons__Flex-sc-182golj-0 cicrPZ field has-addons is-marginless"
+          className="ButtonAddons__Flex-sc-182golj-0 jSuMVB field has-addons is-marginless"
         >
           <p
             className="control"
@@ -1516,10 +2399,10 @@ exports[`Storyshots Changesets With Committer and Co-Author 1`] = `
 
 exports[`Storyshots Changesets With avatar 1`] = `
 <div
-  className="Changesetsstories__Wrapper-sc-122npan-0 iszpMD box box-link-shadow"
+  className="Changesetsstories__Wrapper-sc-122npan-0 hHKBXk box box-link-shadow"
 >
   <div
-    className="ChangesetRow__Wrapper-tkpti5-0 iLSrdy"
+    className="ChangesetRow__Wrapper-tkpti5-0 bRWdJS"
   >
     <div
       className="columns is-gapless is-mobile"
@@ -1537,10 +2420,10 @@ exports[`Storyshots Changesets With avatar 1`] = `
               className="media"
             >
               <figure
-                className="ChangesetRow__AvatarFigure-tkpti5-1 cqLirB media-left"
+                className="ChangesetRow__AvatarFigure-tkpti5-1 fUzXNb media-left"
               >
                 <div
-                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 fqLFVn image"
+                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 gyRSyX image"
                 >
                   <img
                     alt="SCM Administrator"
@@ -1550,7 +2433,7 @@ exports[`Storyshots Changesets With avatar 1`] = `
                 </div>
               </figure>
               <div
-                className="ChangesetRow__Metadata-tkpti5-3 ibQmQZ media-right"
+                className="ChangesetRow__Metadata-tkpti5-3 dfKqLe media-right"
               >
                 <h4
                   className="has-text-weight-bold is-ellipsis-overflow"
@@ -1564,7 +2447,7 @@ exports[`Storyshots Changesets With avatar 1`] = `
                   className="is-hidden-desktop"
                 />
                 <p
-                  className="ChangesetRow__AuthorWrapper-tkpti5-4 cVHztK is-size-7 is-ellipsis-overflow"
+                  className="ChangesetRow__AuthorWrapper-tkpti5-4 kDAubY is-size-7 is-ellipsis-overflow"
                 >
                   changeset.contributors.authoredBy
                    
@@ -1579,15 +2462,15 @@ exports[`Storyshots Changesets With avatar 1`] = `
             </div>
           </div>
           <div
-            className="ChangesetRow__VCenteredColumn-tkpti5-5 idGTGx column"
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 jtvbjX column"
           />
         </div>
       </div>
       <div
-        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 gmuCVd column is-flex"
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 cciHUW column is-flex"
       >
         <div
-          className="ButtonAddons__Flex-sc-182golj-0 cicrPZ field has-addons is-marginless"
+          className="ButtonAddons__Flex-sc-182golj-0 jSuMVB field has-addons is-marginless"
         >
           <p
             className="control"
@@ -1640,10 +2523,10 @@ exports[`Storyshots Changesets With avatar 1`] = `
 
 exports[`Storyshots Changesets With multiple Co-Authors 1`] = `
 <div
-  className="Changesetsstories__Wrapper-sc-122npan-0 iszpMD box box-link-shadow"
+  className="Changesetsstories__Wrapper-sc-122npan-0 hHKBXk box box-link-shadow"
 >
   <div
-    className="ChangesetRow__Wrapper-tkpti5-0 iLSrdy"
+    className="ChangesetRow__Wrapper-tkpti5-0 bRWdJS"
   >
     <div
       className="columns is-gapless is-mobile"
@@ -1661,7 +2544,7 @@ exports[`Storyshots Changesets With multiple Co-Authors 1`] = `
               className="media"
             >
               <div
-                className="ChangesetRow__Metadata-tkpti5-3 ibQmQZ media-right"
+                className="ChangesetRow__Metadata-tkpti5-3 dfKqLe media-right"
               >
                 <h4
                   className="has-text-weight-bold is-ellipsis-overflow"
@@ -1675,7 +2558,7 @@ exports[`Storyshots Changesets With multiple Co-Authors 1`] = `
                   className="is-hidden-desktop"
                 />
                 <p
-                  className="ChangesetRow__AuthorWrapper-tkpti5-4 cVHztK is-size-7 is-ellipsis-overflow"
+                  className="ChangesetRow__AuthorWrapper-tkpti5-4 kDAubY is-size-7 is-ellipsis-overflow"
                 >
                   changeset.contributors.authoredBy
                    
@@ -1703,15 +2586,15 @@ exports[`Storyshots Changesets With multiple Co-Authors 1`] = `
             </div>
           </div>
           <div
-            className="ChangesetRow__VCenteredColumn-tkpti5-5 idGTGx column"
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 jtvbjX column"
           />
         </div>
       </div>
       <div
-        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 gmuCVd column is-flex"
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 cciHUW column is-flex"
       >
         <div
-          className="ButtonAddons__Flex-sc-182golj-0 cicrPZ field has-addons is-marginless"
+          className="ButtonAddons__Flex-sc-182golj-0 jSuMVB field has-addons is-marginless"
         >
           <p
             className="control"
@@ -1766,7 +2649,7 @@ exports[`Storyshots DateFromNow Default 1`] = `
 <div>
   <p>
     <time
-      className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+      className="dates__DateElement-rne419-0 gZMOzs"
       title="2009-06-30 18:30:00"
     >
       over 10 years ago
@@ -1774,7 +2657,7 @@ exports[`Storyshots DateFromNow Default 1`] = `
   </p>
   <p>
     <time
-      className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+      className="dates__DateElement-rne419-0 gZMOzs"
       title="2019-06-30 18:30:00"
     >
       3 months ago
@@ -1782,7 +2665,7 @@ exports[`Storyshots DateFromNow Default 1`] = `
   </p>
   <p>
     <time
-      className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+      className="dates__DateElement-rne419-0 gZMOzs"
       title="2019-10-12 13:56:40"
     >
       less than a minute ago
@@ -1790,7 +2673,7 @@ exports[`Storyshots DateFromNow Default 1`] = `
   </p>
   <p>
     <time
-      className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+      className="dates__DateElement-rne419-0 gZMOzs"
       title="2019-10-11 13:56:40"
     >
       1 day ago
@@ -1801,19 +2684,19 @@ exports[`Storyshots DateFromNow Default 1`] = `
 
 exports[`Storyshots Diff Binaries 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -1821,18 +2704,18 @@ exports[`Storyshots Diff Binaries 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -1846,7 +2729,7 @@ exports[`Storyshots Diff Binaries 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -1863,7 +2746,7 @@ exports[`Storyshots Diff Binaries 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -2008,26 +2891,26 @@ exports[`Storyshots Diff Binaries 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="conflict.png"
         >
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             conflict.png
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             add
           </span>
@@ -2038,7 +2921,7 @@ exports[`Storyshots Diff Binaries 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -2058,19 +2941,19 @@ exports[`Storyshots Diff Binaries 1`] = `
 
 exports[`Storyshots Diff Collapsed 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -2078,18 +2961,18 @@ exports[`Storyshots Diff Collapsed 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2103,7 +2986,7 @@ exports[`Storyshots Diff Collapsed 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2118,16 +3001,16 @@ exports[`Storyshots Diff Collapsed 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -2135,18 +3018,18 @@ exports[`Storyshots Diff Collapsed 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2160,7 +3043,7 @@ exports[`Storyshots Diff Collapsed 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2175,16 +3058,16 @@ exports[`Storyshots Diff Collapsed 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -2192,18 +3075,18 @@ exports[`Storyshots Diff Collapsed 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2217,7 +3100,7 @@ exports[`Storyshots Diff Collapsed 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2232,16 +3115,16 @@ exports[`Storyshots Diff Collapsed 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -2249,18 +3132,18 @@ exports[`Storyshots Diff Collapsed 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2274,7 +3157,7 @@ exports[`Storyshots Diff Collapsed 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2289,16 +3172,16 @@ exports[`Storyshots Diff Collapsed 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -2306,18 +3189,18 @@ exports[`Storyshots Diff Collapsed 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2331,7 +3214,7 @@ exports[`Storyshots Diff Collapsed 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2346,16 +3229,16 @@ exports[`Storyshots Diff Collapsed 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -2363,18 +3246,18 @@ exports[`Storyshots Diff Collapsed 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2388,7 +3271,7 @@ exports[`Storyshots Diff Collapsed 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2407,19 +3290,19 @@ exports[`Storyshots Diff Collapsed 1`] = `
 
 exports[`Storyshots Diff CollapsingWithFunction 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -2427,18 +3310,18 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2452,7 +3335,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2467,16 +3350,16 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -2484,18 +3367,18 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -2509,7 +3392,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -2526,7 +3409,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -2724,7 +3607,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -3307,16 +4190,16 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -3324,18 +4207,18 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -3349,7 +4232,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -3366,7 +4249,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -3743,16 +4626,16 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -3760,18 +4643,18 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -3785,7 +4668,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -3802,7 +4685,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -4179,16 +5062,16 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -4196,18 +5079,18 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -4221,7 +5104,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -4236,16 +5119,16 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 doOmaG panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 gZMHeD panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -4253,18 +5136,18 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
             className="fas fa-angle-right has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -4278,7 +5161,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -4297,19 +5180,19 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
 
 exports[`Storyshots Diff Default 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -4317,18 +5200,18 @@ exports[`Storyshots Diff Default 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -4342,7 +5225,7 @@ exports[`Storyshots Diff Default 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -4359,7 +5242,7 @@ exports[`Storyshots Diff Default 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -4863,16 +5746,16 @@ exports[`Storyshots Diff Default 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -4880,18 +5763,18 @@ exports[`Storyshots Diff Default 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -4905,7 +5788,7 @@ exports[`Storyshots Diff Default 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -4922,7 +5805,7 @@ exports[`Storyshots Diff Default 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -5120,7 +6003,7 @@ exports[`Storyshots Diff Default 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -5703,16 +6586,16 @@ exports[`Storyshots Diff Default 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -5720,18 +6603,18 @@ exports[`Storyshots Diff Default 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -5745,7 +6628,7 @@ exports[`Storyshots Diff Default 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -5762,7 +6645,7 @@ exports[`Storyshots Diff Default 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -6139,16 +7022,16 @@ exports[`Storyshots Diff Default 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -6156,18 +7039,18 @@ exports[`Storyshots Diff Default 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -6181,7 +7064,7 @@ exports[`Storyshots Diff Default 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -6198,7 +7081,7 @@ exports[`Storyshots Diff Default 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -6575,16 +7458,16 @@ exports[`Storyshots Diff Default 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -6592,18 +7475,18 @@ exports[`Storyshots Diff Default 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -6617,7 +7500,7 @@ exports[`Storyshots Diff Default 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -6634,7 +7517,7 @@ exports[`Storyshots Diff Default 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -7149,7 +8032,7 @@ exports[`Storyshots Diff Default 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -7363,7 +8246,7 @@ exports[`Storyshots Diff Default 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -7618,16 +8501,16 @@ exports[`Storyshots Diff Default 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -7635,18 +8518,18 @@ exports[`Storyshots Diff Default 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -7660,7 +8543,7 @@ exports[`Storyshots Diff Default 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -7677,7 +8560,7 @@ exports[`Storyshots Diff Default 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -8133,19 +9016,19 @@ exports[`Storyshots Diff Default 1`] = `
 
 exports[`Storyshots Diff Expandable 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -8153,18 +9036,18 @@ exports[`Storyshots Diff Expandable 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -8178,7 +9061,7 @@ exports[`Storyshots Diff Expandable 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -8195,7 +9078,7 @@ exports[`Storyshots Diff Expandable 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -8705,10 +9588,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -8719,7 +9602,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -8736,16 +9619,16 @@ exports[`Storyshots Diff Expandable 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -8753,18 +9636,18 @@ exports[`Storyshots Diff Expandable 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -8778,7 +9661,7 @@ exports[`Storyshots Diff Expandable 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -8795,7 +9678,7 @@ exports[`Storyshots Diff Expandable 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -8816,10 +9699,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -9018,10 +9901,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -9043,10 +9926,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -9642,10 +10525,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -9656,7 +10539,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -9673,16 +10556,16 @@ exports[`Storyshots Diff Expandable 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -9690,18 +10573,18 @@ exports[`Storyshots Diff Expandable 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -9715,7 +10598,7 @@ exports[`Storyshots Diff Expandable 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -9732,7 +10615,7 @@ exports[`Storyshots Diff Expandable 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -9753,10 +10636,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -9767,7 +10650,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -10150,10 +11033,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -10164,7 +11047,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -10181,16 +11064,16 @@ exports[`Storyshots Diff Expandable 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -10198,18 +11081,18 @@ exports[`Storyshots Diff Expandable 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -10223,7 +11106,7 @@ exports[`Storyshots Diff Expandable 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -10240,7 +11123,7 @@ exports[`Storyshots Diff Expandable 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -10261,10 +11144,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -10275,7 +11158,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -10658,10 +11541,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -10672,7 +11555,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -10689,16 +11572,16 @@ exports[`Storyshots Diff Expandable 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -10706,18 +11589,18 @@ exports[`Storyshots Diff Expandable 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -10731,7 +11614,7 @@ exports[`Storyshots Diff Expandable 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -10748,7 +11631,7 @@ exports[`Storyshots Diff Expandable 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -10769,10 +11652,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11288,10 +12171,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11302,7 +12185,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11324,10 +12207,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11338,7 +12221,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11560,10 +12443,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11585,10 +12468,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11856,10 +12739,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11870,7 +12753,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -11887,16 +12770,16 @@ exports[`Storyshots Diff Expandable 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -11904,18 +12787,18 @@ exports[`Storyshots Diff Expandable 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -11929,7 +12812,7 @@ exports[`Storyshots Diff Expandable 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -11946,7 +12829,7 @@ exports[`Storyshots Diff Expandable 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -12404,10 +13287,10 @@ exports[`Storyshots Diff Expandable 1`] = `
               colSpan={3}
             >
               <div
-                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 rBQv"
+                className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 eLsuRT"
               >
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -12418,7 +13301,7 @@ exports[`Storyshots Diff Expandable 1`] = `
                 </span>
                  
                 <span
-                  className="HunkExpandLink__ExpandLink-whfbby-0 emxUjr"
+                  className="HunkExpandLink__ExpandLink-whfbby-0 litKeD"
                   onClick={[Function]}
                 >
                   <i
@@ -12439,19 +13322,19 @@ exports[`Storyshots Diff Expandable 1`] = `
 
 exports[`Storyshots Diff File Annotation 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -12459,18 +13342,18 @@ exports[`Storyshots Diff File Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -12484,7 +13367,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -12505,7 +13388,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
         src/main/java/com/cloudogu/scm/review/events/EventListener.java
       </p>
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -13009,16 +13892,16 @@ exports[`Storyshots Diff File Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -13026,18 +13909,18 @@ exports[`Storyshots Diff File Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -13051,7 +13934,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -13072,7 +13955,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
         src/main/js/ChangeNotification.tsx
       </p>
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -13270,7 +14153,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -13853,16 +14736,16 @@ exports[`Storyshots Diff File Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -13870,18 +14753,18 @@ exports[`Storyshots Diff File Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -13895,7 +14778,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -13916,7 +14799,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
         src/main/resources/locales/de/plugins.json
       </p>
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -14293,16 +15176,16 @@ exports[`Storyshots Diff File Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -14310,18 +15193,18 @@ exports[`Storyshots Diff File Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -14335,7 +15218,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -14356,7 +15239,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
         src/main/resources/locales/en/plugins.json
       </p>
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -14733,16 +15616,16 @@ exports[`Storyshots Diff File Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -14750,18 +15633,18 @@ exports[`Storyshots Diff File Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -14775,7 +15658,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -14796,7 +15679,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
         src/test/java/com/cloudogu/scm/review/events/ClientTest.java
       </p>
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -15311,7 +16194,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -15525,7 +16408,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -15780,16 +16663,16 @@ exports[`Storyshots Diff File Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -15797,18 +16680,18 @@ exports[`Storyshots Diff File Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -15822,7 +16705,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -15843,7 +16726,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
         Main.java
       </p>
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -16299,19 +17182,19 @@ exports[`Storyshots Diff File Annotation 1`] = `
 
 exports[`Storyshots Diff File Controls 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -16319,18 +17202,18 @@ exports[`Storyshots Diff File Controls 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -16344,7 +17227,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -16362,7 +17245,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -16379,7 +17262,7 @@ exports[`Storyshots Diff File Controls 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -16883,16 +17766,16 @@ exports[`Storyshots Diff File Controls 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -16900,18 +17783,18 @@ exports[`Storyshots Diff File Controls 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -16925,7 +17808,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -16943,7 +17826,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -16960,7 +17843,7 @@ exports[`Storyshots Diff File Controls 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -17158,7 +18041,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -17741,16 +18624,16 @@ exports[`Storyshots Diff File Controls 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -17758,18 +18641,18 @@ exports[`Storyshots Diff File Controls 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -17783,7 +18666,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -17801,7 +18684,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -17818,7 +18701,7 @@ exports[`Storyshots Diff File Controls 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -18195,16 +19078,16 @@ exports[`Storyshots Diff File Controls 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -18212,18 +19095,18 @@ exports[`Storyshots Diff File Controls 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -18237,7 +19120,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -18255,7 +19138,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -18272,7 +19155,7 @@ exports[`Storyshots Diff File Controls 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -18649,16 +19532,16 @@ exports[`Storyshots Diff File Controls 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -18666,18 +19549,18 @@ exports[`Storyshots Diff File Controls 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -18691,7 +19574,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -18709,7 +19592,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -18726,7 +19609,7 @@ exports[`Storyshots Diff File Controls 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -19241,7 +20124,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -19455,7 +20338,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -19710,16 +20593,16 @@ exports[`Storyshots Diff File Controls 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -19727,18 +20610,18 @@ exports[`Storyshots Diff File Controls 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -19752,7 +20635,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -19770,7 +20653,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               >
                 <a
                   aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -19787,7 +20670,7 @@ exports[`Storyshots Diff File Controls 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -20243,19 +21126,19 @@ exports[`Storyshots Diff File Controls 1`] = `
 
 exports[`Storyshots Diff Hunks 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/pullrequest/service/DefaultPullRequestService.java"
         >
@@ -20263,18 +21146,18 @@ exports[`Storyshots Diff Hunks 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/pullrequest/service/DefaultPullRequestService.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -20288,7 +21171,7 @@ exports[`Storyshots Diff Hunks 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -20305,7 +21188,7 @@ exports[`Storyshots Diff Hunks 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -20526,7 +21409,7 @@ exports[`Storyshots Diff Hunks 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -20717,7 +21600,7 @@ exports[`Storyshots Diff Hunks 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -21068,19 +21951,19 @@ exports[`Storyshots Diff Hunks 1`] = `
 
 exports[`Storyshots Diff Line Annotation 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -21088,18 +21971,18 @@ exports[`Storyshots Diff Line Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -21113,7 +21996,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -21130,7 +22013,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -21646,16 +22529,16 @@ exports[`Storyshots Diff Line Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -21663,18 +22546,18 @@ exports[`Storyshots Diff Line Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -21688,7 +22571,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -21705,7 +22588,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -21915,7 +22798,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -22498,16 +23381,16 @@ exports[`Storyshots Diff Line Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -22515,18 +23398,18 @@ exports[`Storyshots Diff Line Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -22540,7 +23423,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -22557,7 +23440,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -22934,16 +23817,16 @@ exports[`Storyshots Diff Line Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -22951,18 +23834,18 @@ exports[`Storyshots Diff Line Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -22976,7 +23859,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -22993,7 +23876,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -23370,16 +24253,16 @@ exports[`Storyshots Diff Line Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -23387,18 +24270,18 @@ exports[`Storyshots Diff Line Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -23412,7 +24295,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -23429,7 +24312,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -23944,7 +24827,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -24158,7 +25041,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -24413,16 +25296,16 @@ exports[`Storyshots Diff Line Annotation 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -24430,18 +25313,18 @@ exports[`Storyshots Diff Line Annotation 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -24455,7 +25338,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -24472,7 +25355,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -24940,19 +25823,19 @@ exports[`Storyshots Diff Line Annotation 1`] = `
 
 exports[`Storyshots Diff OnClick 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -24960,18 +25843,18 @@ exports[`Storyshots Diff OnClick 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -24985,7 +25868,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -25002,7 +25885,7 @@ exports[`Storyshots Diff OnClick 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -25546,16 +26429,16 @@ exports[`Storyshots Diff OnClick 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -25563,18 +26446,18 @@ exports[`Storyshots Diff OnClick 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -25588,7 +26471,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -25605,7 +26488,7 @@ exports[`Storyshots Diff OnClick 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -25817,7 +26700,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -26448,16 +27331,16 @@ exports[`Storyshots Diff OnClick 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -26465,18 +27348,18 @@ exports[`Storyshots Diff OnClick 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -26490,7 +27373,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -26507,7 +27390,7 @@ exports[`Storyshots Diff OnClick 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -26914,16 +27797,16 @@ exports[`Storyshots Diff OnClick 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -26931,18 +27814,18 @@ exports[`Storyshots Diff OnClick 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -26956,7 +27839,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -26973,7 +27856,7 @@ exports[`Storyshots Diff OnClick 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -27380,16 +28263,16 @@ exports[`Storyshots Diff OnClick 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -27397,18 +28280,18 @@ exports[`Storyshots Diff OnClick 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -27422,7 +28305,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -27439,7 +28322,7 @@ exports[`Storyshots Diff OnClick 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -27994,7 +28877,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -28224,7 +29107,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -28499,16 +29382,16 @@ exports[`Storyshots Diff OnClick 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -28516,18 +29399,18 @@ exports[`Storyshots Diff OnClick 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -28541,7 +29424,7 @@ exports[`Storyshots Diff OnClick 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -28558,7 +29441,7 @@ exports[`Storyshots Diff OnClick 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -29050,19 +29933,19 @@ exports[`Storyshots Diff OnClick 1`] = `
 
 exports[`Storyshots Diff Side-By-Side 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -29070,18 +29953,18 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -29095,7 +29978,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               >
                 <a
                   aria-label="diff.combined"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -29112,7 +29995,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu split"
+        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv split"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -29709,16 +30592,16 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -29726,18 +30609,18 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -29751,7 +30634,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               >
                 <a
                   aria-label="diff.combined"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -29768,7 +30651,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu split"
+        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv split"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -30010,7 +30893,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               colSpan={4}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -30639,16 +31522,16 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -30656,18 +31539,18 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -30681,7 +31564,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               >
                 <a
                   aria-label="diff.combined"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -30698,7 +31581,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu split"
+        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv split"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -31127,16 +32010,16 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -31144,18 +32027,18 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -31169,7 +32052,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               >
                 <a
                   aria-label="diff.combined"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -31186,7 +32069,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu split"
+        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv split"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -31615,16 +32498,16 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -31632,18 +32515,18 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -31657,7 +32540,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               >
                 <a
                   aria-label="diff.combined"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -31674,7 +32557,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu split"
+        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv split"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -32300,7 +33183,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               colSpan={4}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -32542,7 +33425,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               colSpan={4}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -32827,16 +33710,16 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -32844,18 +33727,18 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -32869,7 +33752,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
               >
                 <a
                   aria-label="diff.combined"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -32886,7 +33769,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu split"
+        className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv split"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -33415,19 +34298,19 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
 
 exports[`Storyshots Diff SyntaxHighlighting 1`] = `
 <div
-  className="Diffstories__Container-sc-28kjjp-0 lfGadu"
+  className="Diffstories__Container-sc-28kjjp-0 bmHtqI"
 >
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
         >
@@ -33435,18 +34318,18 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/java/com/cloudogu/scm/review/events/EventListener.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -33460,7 +34343,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -33477,7 +34360,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -33981,16 +34864,16 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/js/ChangeNotification.tsx"
         >
@@ -33998,18 +34881,18 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/js/ChangeNotification.tsx
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -34023,7 +34906,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -34040,7 +34923,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -34238,7 +35121,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -34821,16 +35704,16 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/de/plugins.json"
         >
@@ -34838,18 +35721,18 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/de/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -34863,7 +35746,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -34880,7 +35763,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -35257,16 +36140,16 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/main/resources/locales/en/plugins.json"
         >
@@ -35274,18 +36157,18 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/main/resources/locales/en/plugins.json
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -35299,7 +36182,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -35316,7 +36199,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -35693,16 +36576,16 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
         >
@@ -35710,18 +36593,18 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             src/test/java/com/cloudogu/scm/review/events/ClientTest.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -35735,7 +36618,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -35752,7 +36635,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -36267,7 +37150,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -36481,7 +37364,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               colSpan={3}
             >
               <hr
-                className="DiffFile__HunkDivider-sc-10deuqx-5 kdhcMF"
+                className="DiffFile__HunkDivider-sc-10deuqx-5 CMZJH"
               />
             </td>
           </tr>
@@ -36736,16 +37619,16 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
     </div>
   </div>
   <div
-    className="DiffFile__DiffFilePanel-sc-10deuqx-0 kPCYtO panel is-size-6"
+    className="DiffFile__DiffFilePanel-sc-10deuqx-0 eXupm panel is-size-6"
   >
     <div
       className="panel-heading"
     >
       <div
-        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 fJSQR level"
+        className="DiffFile__FlexWrapLevel-sc-10deuqx-1 kpiYoi level"
       >
         <div
-          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 coMBzD level-left is-flex has-cursor-pointer"
+          className="DiffFile__FullWidthTitleHeader-sc-10deuqx-2 lfnVIv level-left is-flex has-cursor-pointer"
           onClick={[Function]}
           title="Main.java"
         >
@@ -36753,18 +37636,18 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
             className="fas fa-angle-down has-text-inherit"
           />
           <span
-            className="DiffFile__TitleWrapper-sc-10deuqx-3 bdImLv is-ellipsis-overflow is-size-6"
+            className="DiffFile__TitleWrapper-sc-10deuqx-3 jRHiDr is-ellipsis-overflow is-size-6"
           >
             Main.java
           </span>
           <span
-            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 iPZkeQ is-rounded has-text-weight-normal"
+            className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-6 bIFwfM is-rounded has-text-weight-normal"
           >
             modify
           </span>
         </div>
         <div
-          className="DiffFile__ButtonWrapper-sc-10deuqx-4 RNLYR level-right is-flex"
+          className="DiffFile__ButtonWrapper-sc-10deuqx-4 dxoMYa level-right is-flex"
         >
           <div
             className="field is-grouped"
@@ -36778,7 +37661,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
               >
                 <a
                   aria-label="diff.sideBySide"
-                  className="DiffButton__Button-sc-18d99hb-0 jNMWaS button"
+                  className="DiffButton__Button-sc-18d99hb-0 ipqpvY button"
                   onClick={[Function]}
                 >
                   <i
@@ -36795,7 +37678,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
       className="panel-block is-paddingless"
     >
       <table
-        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jMfsXu unified"
+        className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 jGlZxv unified"
         onMouseDown={[Function]}
       >
         <colgroup>
@@ -37251,7 +38134,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
 
 exports[`Storyshots Forms|Checkbox Default 1`] = `
 <div
-  className="Checkboxstories__Spacing-sc-1bg8q8e-0 leoZpa"
+  className="Checkboxstories__Spacing-sc-1bg8q8e-0 kJtXav"
 >
   <div
     className="field"
@@ -37296,7 +38179,7 @@ exports[`Storyshots Forms|Checkbox Default 1`] = `
 
 exports[`Storyshots Forms|Checkbox Disabled 1`] = `
 <div
-  className="Checkboxstories__Spacing-sc-1bg8q8e-0 leoZpa"
+  className="Checkboxstories__Spacing-sc-1bg8q8e-0 kJtXav"
 >
   <div
     className="field"
@@ -37384,10 +38267,10 @@ exports[`Storyshots Forms|DropDown With Translation 1`] = `
 
 exports[`Storyshots Forms|Radio Default 1`] = `
 <div
-  className="Radiostories__Spacing-sc-18hvwhd-0 bpdnyr"
+  className="Radiostories__Spacing-sc-18hvwhd-0 gtaLBF"
 >
   <label
-    className="Radio__StyledRadio-ays4vp-0 dbWFWU radio"
+    className="Radio__StyledRadio-ays4vp-0 hrHCWE radio"
   >
     <input
       checked={false}
@@ -37398,7 +38281,7 @@ exports[`Storyshots Forms|Radio Default 1`] = `
     Not checked
   </label>
   <label
-    className="Radio__StyledRadio-ays4vp-0 dbWFWU radio"
+    className="Radio__StyledRadio-ays4vp-0 hrHCWE radio"
   >
     <input
       checked={true}
@@ -37413,10 +38296,10 @@ exports[`Storyshots Forms|Radio Default 1`] = `
 
 exports[`Storyshots Forms|Radio Disabled 1`] = `
 <div
-  className="Radiostories__Spacing-sc-18hvwhd-0 bpdnyr"
+  className="Radiostories__Spacing-sc-18hvwhd-0 gtaLBF"
 >
   <label
-    className="Radio__StyledRadio-ays4vp-0 dbWFWU radio"
+    className="Radio__StyledRadio-ays4vp-0 hrHCWE radio"
     disabled={true}
   >
     <input
@@ -37433,7 +38316,7 @@ exports[`Storyshots Forms|Radio Disabled 1`] = `
 
 exports[`Storyshots Forms|Textarea OnCancel 1`] = `
 <div
-  className="Textareastories__Spacing-lk5v3m-0 ihUMGr"
+  className="Textareastories__Spacing-lk5v3m-0 hldael"
 >
   <div
     className="field"
@@ -37456,7 +38339,7 @@ exports[`Storyshots Forms|Textarea OnCancel 1`] = `
 
 exports[`Storyshots Forms|Textarea OnChange 1`] = `
 <div
-  className="Textareastories__Spacing-lk5v3m-0 ihUMGr"
+  className="Textareastories__Spacing-lk5v3m-0 hldael"
 >
   <div
     className="field"
@@ -37483,7 +38366,7 @@ exports[`Storyshots Forms|Textarea OnChange 1`] = `
 
 exports[`Storyshots Forms|Textarea OnSubmit 1`] = `
 <div
-  className="Textareastories__Spacing-lk5v3m-0 ihUMGr"
+  className="Textareastories__Spacing-lk5v3m-0 hldael"
 >
   <div
     className="field"
@@ -37510,7 +38393,7 @@ exports[`Storyshots Forms|Textarea OnSubmit 1`] = `
 
 exports[`Storyshots Icon Colors 1`] = `
 <div
-  className="Iconstories__Wrapper-sc-1g657fe-0 hCEjkH"
+  className="Iconstories__Wrapper-sc-1g657fe-0 culAJk"
 >
   <i
     className="fas fa-fw fa-cat has-text-grey-light"
@@ -37565,7 +38448,7 @@ exports[`Storyshots Icon Colors 1`] = `
 
 exports[`Storyshots Icon Default 1`] = `
 <div
-  className="Iconstories__Wrapper-sc-1g657fe-0 hCEjkH"
+  className="Iconstories__Wrapper-sc-1g657fe-0 culAJk"
 >
   <i
     className="fas fa-cat has-text-grey-light"
@@ -37587,7 +38470,7 @@ exports[`Storyshots Icon Default 1`] = `
 
 exports[`Storyshots Icon Icon styles 1`] = `
 <div
-  className="Iconstories__Wrapper-sc-1g657fe-0 hCEjkH"
+  className="Iconstories__Wrapper-sc-1g657fe-0 culAJk"
 >
   <i
     className="fas fa-fw fa-star has-text-inherit"
@@ -37606,7 +38489,7 @@ exports[`Storyshots Icon Icon styles 1`] = `
 
 exports[`Storyshots Icon More options 1`] = `
 <div
-  className="Iconstories__Wrapper-sc-1g657fe-0 hCEjkH"
+  className="Iconstories__Wrapper-sc-1g657fe-0 culAJk"
 >
   <i
     className="fas fa-fw fa-snowboarding fa-rotate-270 has-text-grey-light"
@@ -37629,7 +38512,7 @@ exports[`Storyshots Icon More options 1`] = `
 
 exports[`Storyshots Icon Sizing 1`] = `
 <div
-  className="Iconstories__Wrapper-sc-1g657fe-0 hCEjkH"
+  className="Iconstories__Wrapper-sc-1g657fe-0 culAJk"
 >
   <i
     className="fas fa-fw fa-cat has-text-grey-light"
@@ -37684,7 +38567,7 @@ exports[`Storyshots Layout|Footer Default 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-user-circle fa-fw"
@@ -37693,7 +38576,7 @@ exports[`Storyshots Layout|Footer Default 1`] = `
           Trillian McMillian
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -37719,7 +38602,7 @@ exports[`Storyshots Layout|Footer Default 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-info-circle fa-fw"
@@ -37728,7 +38611,7 @@ exports[`Storyshots Layout|Footer Default 1`] = `
           footer.information.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -37745,7 +38628,7 @@ exports[`Storyshots Layout|Footer Default 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-life-ring fa-fw"
@@ -37754,7 +38637,7 @@ exports[`Storyshots Layout|Footer Default 1`] = `
           footer.support.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -37795,21 +38678,21 @@ exports[`Storyshots Layout|Footer Full 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <span
-            className="Footer__AvatarContainer-k70cxq-1 cGAuNo image is-rounded"
+            className="Footer__AvatarContainer-k70cxq-1 faWKKx image is-rounded"
           >
             <img
               alt="trillian"
-              className="is-rounded Footer__VCenteredAvatar-k70cxq-0 jnmxnZ"
+              className="is-rounded Footer__VCenteredAvatar-k70cxq-0 btJmxP"
               src="test-file-stub"
             />
           </span>
           Trillian McMillian
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -37844,7 +38727,7 @@ exports[`Storyshots Layout|Footer Full 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-info-circle fa-fw"
@@ -37853,7 +38736,7 @@ exports[`Storyshots Layout|Footer Full 1`] = `
           footer.information.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -37888,7 +38771,7 @@ exports[`Storyshots Layout|Footer Full 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-life-ring fa-fw"
@@ -37897,7 +38780,7 @@ exports[`Storyshots Layout|Footer Full 1`] = `
           footer.support.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -37947,21 +38830,21 @@ exports[`Storyshots Layout|Footer With Avatar 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <span
-            className="Footer__AvatarContainer-k70cxq-1 cGAuNo image is-rounded"
+            className="Footer__AvatarContainer-k70cxq-1 faWKKx image is-rounded"
           >
             <img
               alt="trillian"
-              className="is-rounded Footer__VCenteredAvatar-k70cxq-0 jnmxnZ"
+              className="is-rounded Footer__VCenteredAvatar-k70cxq-0 btJmxP"
               src="test-file-stub"
             />
           </span>
           Trillian McMillian
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -37987,7 +38870,7 @@ exports[`Storyshots Layout|Footer With Avatar 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-info-circle fa-fw"
@@ -37996,7 +38879,7 @@ exports[`Storyshots Layout|Footer With Avatar 1`] = `
           footer.information.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -38013,7 +38896,7 @@ exports[`Storyshots Layout|Footer With Avatar 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-life-ring fa-fw"
@@ -38022,7 +38905,7 @@ exports[`Storyshots Layout|Footer With Avatar 1`] = `
           footer.support.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -38063,7 +38946,7 @@ exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-user-circle fa-fw"
@@ -38072,7 +38955,7 @@ exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
           Trillian McMillian
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -38107,7 +38990,7 @@ exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-info-circle fa-fw"
@@ -38116,7 +38999,7 @@ exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
           footer.information.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -38151,7 +39034,7 @@ exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
         className="column is-one-third"
       >
         <div
-          className="FooterSection__Title-lx0ikb-0 bVGafM"
+          className="FooterSection__Title-lx0ikb-0 gUQuRF"
         >
           <i
             className="fas fa-life-ring fa-fw"
@@ -38160,7 +39043,7 @@ exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
           footer.support.title
         </div>
         <ul
-          className="FooterSection__Menu-lx0ikb-1 qShDi"
+          className="FooterSection__Menu-lx0ikb-1 idmusL"
         >
           <li>
             <a
@@ -38199,11 +39082,11 @@ exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
 exports[`Storyshots Loading Default 1`] = `
 <div>
   <div
-    className="Loading__Wrapper-sc-1usnmho-0 goPAWJ is-flex"
+    className="Loading__Wrapper-sc-1usnmho-0 dGxGKQ is-flex"
   >
     <img
       alt="loading.alt"
-      className="Loading__FixedSizedImage-sc-1usnmho-1 lnOJZK"
+      className="Loading__FixedSizedImage-sc-1usnmho-1 eDUnFc"
       src="/images/loading.svg"
     />
     <p
@@ -38215,7 +39098,7 @@ exports[`Storyshots Loading Default 1`] = `
 
 exports[`Storyshots Logo Default 1`] = `
 <div
-  className="Logostories__Wrapper-sc-14nnt4j-0 bzjAAE"
+  className="Logostories__Wrapper-sc-14nnt4j-0 eDKBKs"
 >
   <img
     alt="logo.alt"
@@ -38226,7 +39109,7 @@ exports[`Storyshots Logo Default 1`] = `
 
 exports[`Storyshots MarkdownView Code without Lang 1`] = `
 <div
-  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 eqTNCI"
+  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 kiwuDa"
 >
   <div>
     <div
@@ -38247,7 +39130,11 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
         }
       >
         <code>
-          Code without Language!
+          <span
+            style={Object {}}
+          >
+            Code without Language!
+          </span>
         </code>
       </pre>
     </div>
@@ -38257,7 +39144,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
 
 exports[`Storyshots MarkdownView Default 1`] = `
 <div
-  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 eqTNCI"
+  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 kiwuDa"
 >
   <div>
     <div
@@ -39009,7 +39896,7 @@ func main() {
 
 exports[`Storyshots MarkdownView Inline Xml 1`] = `
 <div
-  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 eqTNCI"
+  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 kiwuDa"
 >
   <h1
     className="title"
@@ -39065,7 +39952,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
 
 exports[`Storyshots MarkdownView Links 1`] = `
 <div
-  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 eqTNCI"
+  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 kiwuDa"
 >
   <div>
     <div
@@ -39133,7 +40020,7 @@ the story is mostly for checking if the links are rendered correct.
 
 exports[`Storyshots MarkdownView Xml Code Block 1`] = `
 <div
-  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 eqTNCI"
+  className="MarkdownViewstories__Spacing-sc-1hk90gd-0 kiwuDa"
 >
   <div>
     <div
@@ -39159,333 +40046,588 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
             style={Object {}}
           >
             &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
               }
-            >
-              project
-            </span>
+            }
+          >
+            project
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
              [
-            <span
-              className="hljs-attr"
-              style={Object {}}
-            >
-              ...
-            </span>
+          </span>
+          <span
+            className="hljs-tag hljs-attr"
+            style={Object {}}
+          >
+            ...
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
             ]&gt;
           </span>
-          
-
-  [...]
-
-  
           <span
-            className="hljs-tag"
             style={Object {}}
           >
-            &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              build
-            </span>
-            &gt;
-          </span>
-          
-    
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              plugins
-            </span>
-            &gt;
+            
+
           </span>
           
 
-      [...]
+            [...]
 
-      
+          
+
+          <span
+            style={Object {}}
+          >
+              
+          </span>
           <span
             className="hljs-tag"
             style={Object {}}
           >
             &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
               }
-            >
-              plugin
-            </span>
+            }
+          >
+            build
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
             &gt;
           </span>
-          
-        
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                
+          </span>
           <span
             className="hljs-tag"
             style={Object {}}
           >
             &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              groupId
-            </span>
-            &gt;
           </span>
-          org.apache.maven.plugins
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            plugins
+          </span>
           <span
             className="hljs-tag"
             style={Object {}}
           >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              groupId
-            </span>
             &gt;
           </span>
-          
-        
           <span
-            className="hljs-tag"
             style={Object {}}
           >
-            &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              artifactId
-            </span>
-            &gt;
-          </span>
-          maven-enforcer-plugin
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              artifactId
-            </span>
-            &gt;
-          </span>
-          
-      
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              plugin
-            </span>
-            &gt;
-          </span>
-          
-      
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              plugin
-            </span>
-            &gt;
-          </span>
-          
-        
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              groupId
-            </span>
-            &gt;
-          </span>
-          org.codehaus.mojo
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              groupId
-            </span>
-            &gt;
-          </span>
-          
-        
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              artifactId
-            </span>
-            &gt;
-          </span>
-          animal-sniffer-maven-plugin
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              artifactId
-            </span>
-            &gt;
-          </span>
-          
-      
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              plugin
-            </span>
-            &gt;
-          </span>
-          
-    
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              plugins
-            </span>
-            &gt;
-          </span>
-          
-  
-          <span
-            className="hljs-tag"
-            style={Object {}}
-          >
-            &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
-              }
-            >
-              build
-            </span>
-            &gt;
+            
+
           </span>
           
 
-  [...]
+                [...]
 
+          
 
+          <span
+            style={Object {}}
+          >
+                  
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            plugin
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                    
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            groupId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            org.apache.maven.plugins
+          </span>
           <span
             className="hljs-tag"
             style={Object {}}
           >
             &lt;/
-            <span
-              style={
-                Object {
-                  "color": "#00979D",
-                }
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
               }
-            >
-              project
-            </span>
+            }
+          >
+            groupId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                    
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            artifactId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            maven-enforcer-plugin
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            artifactId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                  
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            plugin
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                  
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            plugin
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                    
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            groupId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            org.codehaus.mojo
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            groupId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                    
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            artifactId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            animal-sniffer-maven-plugin
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            artifactId
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                  
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            plugin
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+                
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            plugins
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          <span
+            style={Object {}}
+          >
+              
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            build
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &gt;
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+          
+
+            [...]
+
+          
+
+          <span
+            style={Object {}}
+          >
+            
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
+            &lt;/
+          </span>
+          <span
+            className="hljs-tag"
+            style={
+              Object {
+                "color": "#00979D",
+              }
+            }
+          >
+            project
+          </span>
+          <span
+            className="hljs-tag"
+            style={Object {}}
+          >
             &gt;
           </span>
         </code>
@@ -39596,21 +40738,21 @@ exports[`Storyshots Modal|Modal Default 1`] = `
 
 exports[`Storyshots Navigation|Secondary Default 1`] = `
 <div
-  className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
+  className="SecondaryNavigationstories__Columns-fdxo4w-0 iEPunq columns"
 >
   <div
     className="column is-3"
   >
     <aside
-      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 hcDqkI menu"
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 cpLxdt menu"
     >
       <div>
         <p
-          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bGijuJ menu-label"
+          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bzrEDi menu-label"
           onClick={[Function]}
         >
           <i
-            className="SecondaryNavigation__Icon-sc-8p1rgi-1 SeoNL is-medium"
+            className="SecondaryNavigation__Icon-sc-8p1rgi-1 djTcfn is-medium"
             color="info"
           >
             <i
@@ -39658,21 +40800,21 @@ exports[`Storyshots Navigation|Secondary Default 1`] = `
 
 exports[`Storyshots Navigation|Secondary Extension Point 1`] = `
 <div
-  className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
+  className="SecondaryNavigationstories__Columns-fdxo4w-0 iEPunq columns"
 >
   <div
     className="column is-3"
   >
     <aside
-      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 hcDqkI menu"
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 cpLxdt menu"
     >
       <div>
         <p
-          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bGijuJ menu-label"
+          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bzrEDi menu-label"
           onClick={[Function]}
         >
           <i
-            className="SecondaryNavigation__Icon-sc-8p1rgi-1 SeoNL is-medium"
+            className="SecondaryNavigation__Icon-sc-8p1rgi-1 djTcfn is-medium"
             color="info"
           >
             <i
@@ -39746,21 +40888,21 @@ exports[`Storyshots Navigation|Secondary Extension Point 1`] = `
 
 exports[`Storyshots Navigation|Secondary Sub Navigation 1`] = `
 <div
-  className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
+  className="SecondaryNavigationstories__Columns-fdxo4w-0 iEPunq columns"
 >
   <div
     className="column is-3"
   >
     <aside
-      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 hcDqkI menu"
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 cpLxdt menu"
     >
       <div>
         <p
-          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bGijuJ menu-label"
+          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bzrEDi menu-label"
           onClick={[Function]}
         >
           <i
-            className="SecondaryNavigation__Icon-sc-8p1rgi-1 SeoNL is-medium"
+            className="SecondaryNavigation__Icon-sc-8p1rgi-1 djTcfn is-medium"
             color="info"
           >
             <i
@@ -39808,7 +40950,7 @@ exports[`Storyshots Navigation|Secondary Sub Navigation 1`] = `
 
 exports[`Storyshots Notification Closeable 1`] = `
 <div
-  className="Notificationstories__Wrapper-sc-8fx7tr-0 drTbYl"
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 fPNTLn"
 >
   <div
     className="notification is-warning"
@@ -39827,7 +40969,7 @@ imaginative generator sweep.
 
 exports[`Storyshots Notification Danger 1`] = `
 <div
-  className="Notificationstories__Wrapper-sc-8fx7tr-0 drTbYl"
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 fPNTLn"
 >
   <div
     className="notification is-danger"
@@ -39843,7 +40985,7 @@ imaginative generator sweep.
 
 exports[`Storyshots Notification Info 1`] = `
 <div
-  className="Notificationstories__Wrapper-sc-8fx7tr-0 drTbYl"
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 fPNTLn"
 >
   <div
     className="notification is-info"
@@ -39859,7 +41001,7 @@ imaginative generator sweep.
 
 exports[`Storyshots Notification Primary 1`] = `
 <div
-  className="Notificationstories__Wrapper-sc-8fx7tr-0 drTbYl"
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 fPNTLn"
 >
   <div
     className="notification is-primary"
@@ -39875,7 +41017,7 @@ imaginative generator sweep.
 
 exports[`Storyshots Notification Success 1`] = `
 <div
-  className="Notificationstories__Wrapper-sc-8fx7tr-0 drTbYl"
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 fPNTLn"
 >
   <div
     className="notification is-success"
@@ -39891,7 +41033,7 @@ imaginative generator sweep.
 
 exports[`Storyshots Notification Warning 1`] = `
 <div
-  className="Notificationstories__Wrapper-sc-8fx7tr-0 drTbYl"
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 fPNTLn"
 >
   <div
     className="notification is-warning"
@@ -39907,7 +41049,7 @@ imaginative generator sweep.
 
 exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
 <div
-  className="RepositoryEntrystories__Spacing-toppdg-0 khfzcK box box-link-shadow"
+  className="RepositoryEntrystories__Spacing-toppdg-0 dLLytC box box-link-shadow"
 >
   <a
     className="overlay-column"
@@ -39915,10 +41057,10 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
     onClick={[Function]}
   />
   <article
-    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 kZKqpc media"
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 drDuST media"
   >
     <figure
-      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 bZyfne media-left"
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 glSKIp media-left"
     >
       <p
         className="image is-64x64"
@@ -39930,13 +41072,13 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
       </p>
     </figure>
     <div
-      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 cAdfGj media-content text-box is-flex"
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hrCHbs media-content text-box is-flex"
     >
       <div
         className="is-flex"
       >
         <div
-          className="CardColumn__ContentLeft-sc-1w6lsih-4 dumWkw content"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 RPsYx content"
         >
           <p
             className="shorten-text is-marginless"
@@ -39954,13 +41096,13 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
         </div>
       </div>
       <div
-        className="CardColumn__FooterWrapper-sc-1w6lsih-3 jlTqlS level is-flex"
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 brZihS level is-flex"
       >
         <div
-          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 dbLPPh level-left is-hidden-mobile"
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 hnEHGK level-left is-hidden-mobile"
         >
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/branches"
             onClick={[Function]}
           >
@@ -39969,7 +41111,7 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/changesets/"
             onClick={[Function]}
           >
@@ -39978,7 +41120,7 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/sources/"
             onClick={[Function]}
           >
@@ -39987,7 +41129,7 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/settings/general"
             onClick={[Function]}
           >
@@ -39997,13 +41139,13 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
           </a>
         </div>
         <div
-          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 MkNLN level-right is-block is-mobile is-marginless shorten-text"
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 iSWrYv level-right is-block is-mobile is-marginless shorten-text"
         >
           <small
             className="level-item"
           >
             <time
-              className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+              className="dates__DateElement-rne419-0 gZMOzs"
               title="2020-03-23 09:26:01"
             >
               3 days ago
@@ -40018,7 +41160,7 @@ exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
 
 exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
 <div
-  className="RepositoryEntrystories__Spacing-toppdg-0 khfzcK box box-link-shadow"
+  className="RepositoryEntrystories__Spacing-toppdg-0 dLLytC box box-link-shadow"
 >
   <a
     className="overlay-column"
@@ -40026,10 +41168,10 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
     onClick={[Function]}
   />
   <article
-    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 kZKqpc media"
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 drDuST media"
   >
     <figure
-      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 bZyfne media-left"
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 glSKIp media-left"
     >
       <p
         className="image is-64x64"
@@ -40041,13 +41183,13 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
       </p>
     </figure>
     <div
-      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 cAdfGj media-content text-box is-flex"
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hrCHbs media-content text-box is-flex"
     >
       <div
         className="is-flex"
       >
         <div
-          className="CardColumn__ContentLeft-sc-1w6lsih-4 dumWkw content"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 RPsYx content"
         >
           <p
             className="shorten-text is-marginless"
@@ -40068,13 +41210,13 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
         </div>
       </div>
       <div
-        className="CardColumn__FooterWrapper-sc-1w6lsih-3 jlTqlS level is-flex"
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 brZihS level is-flex"
       >
         <div
-          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 dbLPPh level-left is-hidden-mobile"
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 hnEHGK level-left is-hidden-mobile"
         >
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/branches"
             onClick={[Function]}
           >
@@ -40083,7 +41225,7 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/changesets/"
             onClick={[Function]}
           >
@@ -40092,7 +41234,7 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/sources/"
             onClick={[Function]}
           >
@@ -40101,7 +41243,7 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/settings/general"
             onClick={[Function]}
           >
@@ -40111,13 +41253,13 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
           </a>
         </div>
         <div
-          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 MkNLN level-right is-block is-mobile is-marginless shorten-text"
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 iSWrYv level-right is-block is-mobile is-marginless shorten-text"
         >
           <small
             className="level-item"
           >
             <time
-              className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+              className="dates__DateElement-rne419-0 gZMOzs"
               title="2020-03-23 09:26:01"
             >
               3 days ago
@@ -40132,7 +41274,7 @@ exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
 
 exports[`Storyshots RepositoryEntry Default 1`] = `
 <div
-  className="RepositoryEntrystories__Spacing-toppdg-0 khfzcK box box-link-shadow"
+  className="RepositoryEntrystories__Spacing-toppdg-0 dLLytC box box-link-shadow"
 >
   <a
     className="overlay-column"
@@ -40140,10 +41282,10 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
     onClick={[Function]}
   />
   <article
-    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 kZKqpc media"
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 drDuST media"
   >
     <figure
-      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 bZyfne media-left"
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 glSKIp media-left"
     >
       <p
         className="image is-64x64"
@@ -40155,13 +41297,13 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
       </p>
     </figure>
     <div
-      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 cAdfGj media-content text-box is-flex"
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hrCHbs media-content text-box is-flex"
     >
       <div
         className="is-flex"
       >
         <div
-          className="CardColumn__ContentLeft-sc-1w6lsih-4 dumWkw content"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 RPsYx content"
         >
           <p
             className="shorten-text is-marginless"
@@ -40179,13 +41321,13 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
         </div>
       </div>
       <div
-        className="CardColumn__FooterWrapper-sc-1w6lsih-3 jlTqlS level is-flex"
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 brZihS level is-flex"
       >
         <div
-          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 dbLPPh level-left is-hidden-mobile"
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 hnEHGK level-left is-hidden-mobile"
         >
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/branches"
             onClick={[Function]}
           >
@@ -40194,7 +41336,7 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/changesets/"
             onClick={[Function]}
           >
@@ -40203,7 +41345,7 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/sources/"
             onClick={[Function]}
           >
@@ -40212,7 +41354,7 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/settings/general"
             onClick={[Function]}
           >
@@ -40222,13 +41364,13 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
           </a>
         </div>
         <div
-          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 MkNLN level-right is-block is-mobile is-marginless shorten-text"
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 iSWrYv level-right is-block is-mobile is-marginless shorten-text"
         >
           <small
             className="level-item"
           >
             <time
-              className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+              className="dates__DateElement-rne419-0 gZMOzs"
               title="2020-03-23 09:26:01"
             >
               3 days ago
@@ -40243,7 +41385,7 @@ exports[`Storyshots RepositoryEntry Default 1`] = `
 
 exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
 <div
-  className="RepositoryEntrystories__Spacing-toppdg-0 khfzcK box box-link-shadow"
+  className="RepositoryEntrystories__Spacing-toppdg-0 dLLytC box box-link-shadow"
 >
   <a
     className="overlay-column"
@@ -40251,10 +41393,10 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
     onClick={[Function]}
   />
   <article
-    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 kZKqpc media"
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 drDuST media"
   >
     <figure
-      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 bZyfne media-left"
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 glSKIp media-left"
     >
       <p
         className="image is-64x64"
@@ -40266,13 +41408,13 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
       </p>
     </figure>
     <div
-      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 cAdfGj media-content text-box is-flex"
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hrCHbs media-content text-box is-flex"
     >
       <div
         className="is-flex"
       >
         <div
-          className="CardColumn__ContentLeft-sc-1w6lsih-4 dumWkw content"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 RPsYx content"
         >
           <p
             className="shorten-text is-marginless"
@@ -40290,13 +41432,13 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
         </div>
       </div>
       <div
-        className="CardColumn__FooterWrapper-sc-1w6lsih-3 jlTqlS level is-flex"
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 brZihS level is-flex"
       >
         <div
-          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 dbLPPh level-left is-hidden-mobile"
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 hnEHGK level-left is-hidden-mobile"
         >
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/branches"
             onClick={[Function]}
           >
@@ -40305,7 +41447,7 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/changesets/"
             onClick={[Function]}
           >
@@ -40314,7 +41456,7 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/code/sources/"
             onClick={[Function]}
           >
@@ -40330,7 +41472,7 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
             />
           </a>
           <a
-            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 gtboNN level-item"
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 dZXffI level-item"
             href="/repo/hitchhiker/heartOfGold/settings/general"
             onClick={[Function]}
           >
@@ -40340,13 +41482,13 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
           </a>
         </div>
         <div
-          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 MkNLN level-right is-block is-mobile is-marginless shorten-text"
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 iSWrYv level-right is-block is-mobile is-marginless shorten-text"
         >
           <small
             className="level-item"
           >
             <time
-              className="DateFromNow__DateElement-sc-16hnz72-0 ehlCzi"
+              className="dates__DateElement-rne419-0 gZMOzs"
               title="2020-03-23 09:26:01"
             >
               3 days ago
@@ -40361,7 +41503,7 @@ exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
 
 exports[`Storyshots SyntaxHighlighter Go 1`] = `
 <div
-  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 eofOgh"
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 kdZjDS"
 >
   <pre
     style={
@@ -40384,9 +41526,19 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         package
       </span>
-       main
+      <span
+        style={Object {}}
+      >
+         main
 
+      </span>
+      
 
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40396,8 +41548,17 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         import
       </span>
-       (
-  
+      <span
+        style={Object {}}
+      >
+         (
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
       <span
         style={
           Object {
@@ -40407,8 +41568,17 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         "fmt"
       </span>
-      
-  
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
       <span
         style={
           Object {
@@ -40418,10 +41588,30 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         "net/http"
       </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      )
+
       
-)
-
 
+      <span
+        style={Object {}}
+      >
+        
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        func
+      </span>
       <span
         style={
           Object {
@@ -40429,35 +41619,39 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           }
         }
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          func
-        </span>
          
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
-          }
-        >
-          main
-        </span>
-        <span
-          className="hljs-params"
-          style={Object {}}
-        >
-          ()
-        </span>
       </span>
-       {
-  http.HandleFunc(
+      <span
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
+          }
+        }
+      >
+        main
+      </span>
+      <span
+        className="hljs-params"
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+        ()
+      </span>
+      <span
+        style={Object {}}
+      >
+         {
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          http.HandleFunc(
+      </span>
       <span
         style={
           Object {
@@ -40467,7 +41661,20 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         "/"
       </span>
-      , 
+      <span
+        style={Object {}}
+      >
+        , 
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        func
+      </span>
       <span
         style={
           Object {
@@ -40475,25 +41682,29 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           }
         }
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          func
-        </span>
          
-        <span
-          className="hljs-params"
-          style={Object {}}
-        >
-          (w http.ResponseWriter, r *http.Request)
-        </span>
       </span>
-       {
-    fmt.Fprintf(w, 
+      <span
+        className="hljs-params"
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+        (w http.ResponseWriter, r *http.Request)
+      </span>
+      <span
+        style={Object {}}
+      >
+         {
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            fmt.Fprintf(w, 
+      </span>
       <span
         style={
           Object {
@@ -40503,10 +41714,21 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         "Welcome to my website!"
       </span>
-      )
-  })
+      <span
+        style={Object {}}
+      >
+        )
 
-  fs := http.FileServer(http.Dir(
+      </span>
+        })
+
+      
+
+      <span
+        style={Object {}}
+      >
+          fs := http.FileServer(http.Dir(
+      </span>
       <span
         style={
           Object {
@@ -40516,30 +41738,53 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         "static/"
       </span>
-      ))
-  http.Handle(
       <span
-        style={
-          Object {
-            "color": "#005C5F",
-          }
-        }
+        style={Object {}}
       >
-        "/static/"
-      </span>
-      , http.StripPrefix(
-      <span
-        style={
-          Object {
-            "color": "#005C5F",
-          }
-        }
-      >
-        "/static/"
-      </span>
-      , fs))
+        ))
 
-  http.ListenAndServe(
+      </span>
+      <span
+        style={Object {}}
+      >
+          http.Handle(
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#005C5F",
+          }
+        }
+      >
+        "/static/"
+      </span>
+      <span
+        style={Object {}}
+      >
+        , http.StripPrefix(
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#005C5F",
+          }
+        }
+      >
+        "/static/"
+      </span>
+      <span
+        style={Object {}}
+      >
+        , fs))
+
+      </span>
+      
+
+      <span
+        style={Object {}}
+      >
+          http.ListenAndServe(
+      </span>
       <span
         style={
           Object {
@@ -40549,7 +41794,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         ":80"
       </span>
-      , 
+      <span
+        style={Object {}}
+      >
+        , 
+      </span>
       <span
         style={
           Object {
@@ -40559,8 +41808,15 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       >
         nil
       </span>
-      )
-}
+      <span
+        style={Object {}}
+      >
+        )
+
+      </span>
+      }
+
+      
 
     </code>
   </pre>
@@ -40569,7 +41825,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
 
 exports[`Storyshots SyntaxHighlighter Java 1`] = `
 <div
-  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 eofOgh"
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 kdZjDS"
 >
   <pre
     style={
@@ -40592,9 +41848,19 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         package
       </span>
-       com.example;
+      <span
+        style={Object {}}
+      >
+         com.example;
 
+      </span>
+      
 
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40604,8 +41870,17 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         import
       </span>
-       java.io.IOException;
+      <span
+        style={Object {}}
+      >
+         java.io.IOException;
 
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40615,8 +41890,17 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         import
       </span>
-       java.io.OutputStream;
+      <span
+        style={Object {}}
+      >
+         java.io.OutputStream;
 
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40626,9 +41910,19 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         import
       </span>
-       java.net.InetSocketAddress;
+      <span
+        style={Object {}}
+      >
+         java.net.InetSocketAddress;
 
+      </span>
+      
 
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40638,8 +41932,17 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         import
       </span>
-       com.sun.net.httpserver.HttpExchange;
+      <span
+        style={Object {}}
+      >
+         com.sun.net.httpserver.HttpExchange;
 
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40649,8 +41952,17 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         import
       </span>
-       com.sun.net.httpserver.HttpHandler;
+      <span
+        style={Object {}}
+      >
+         com.sun.net.httpserver.HttpHandler;
 
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40660,9 +41972,19 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         import
       </span>
-       com.sun.net.httpserver.HttpServer;
+      <span
+        style={Object {}}
+      >
+         com.sun.net.httpserver.HttpServer;
 
+      </span>
+      
 
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -40672,36 +41994,66 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         public
       </span>
-       
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        class
+      </span>
       <span
         className="hljs-class"
         style={Object {}}
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          class
-        </span>
-         
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
-          }
-        >
-          Test
-        </span>
          
       </span>
-      {
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
+          }
+        }
+      >
+        Test
+      </span>
+      <span
+        className="hljs-class"
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        style={Object {}}
+      >
+        {
 
-  
+      </span>
+      
+
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        public
+      </span>
       <span
         style={
           Object {
@@ -40709,142 +42061,8 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           }
         }
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          public
-        </span>
          
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          static
-        </span>
-         
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          void
-        </span>
-         
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
-          }
-        >
-          main
-        </span>
-        <span
-          className="hljs-params"
-          style={Object {}}
-        >
-          (String[] args)
-        </span>
-         
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          throws
-        </span>
-         Exception 
       </span>
-      {
-    HttpServer server = HttpServer.create(
-      <span
-        style={
-          Object {
-            "color": "#00979D",
-          }
-        }
-      >
-        new
-      </span>
-       InetSocketAddress(
-      <span
-        style={
-          Object {
-            "color": "#8A7B52",
-          }
-        }
-      >
-        8000
-      </span>
-      ), 
-      <span
-        style={
-          Object {
-            "color": "#8A7B52",
-          }
-        }
-      >
-        0
-      </span>
-      );
-    server.createContext(
-      <span
-        style={
-          Object {
-            "color": "#005C5F",
-          }
-        }
-      >
-        "/test"
-      </span>
-      , 
-      <span
-        style={
-          Object {
-            "color": "#00979D",
-          }
-        }
-      >
-        new
-      </span>
-       MyHandler());
-    server.setExecutor(
-      <span
-        style={
-          Object {
-            "color": "#00979D",
-          }
-        }
-      >
-        null
-      </span>
-      ); 
-      <span
-        style={
-          Object {
-            "color": "rgba(149,165,166,.8)",
-          }
-        }
-      >
-        // creates a default executor
-      </span>
-      
-    server.start();
-  }
-
-  
       <span
         style={
           Object {
@@ -40854,56 +42072,304 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         static
       </span>
-       
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+         
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        void
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+         
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
+          }
+        }
+      >
+        main
+      </span>
+      <span
+        className="hljs-params"
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+        (String[] args)
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+         
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        throws
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+         Exception 
+      </span>
+      <span
+        style={Object {}}
+      >
+        {
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            HttpServer server = HttpServer.create(
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        new
+      </span>
+      <span
+        style={Object {}}
+      >
+         InetSocketAddress(
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#8A7B52",
+          }
+        }
+      >
+        8000
+      </span>
+      <span
+        style={Object {}}
+      >
+        ), 
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#8A7B52",
+          }
+        }
+      >
+        0
+      </span>
+      <span
+        style={Object {}}
+      >
+        );
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            server.createContext(
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#005C5F",
+          }
+        }
+      >
+        "/test"
+      </span>
+      <span
+        style={Object {}}
+      >
+        , 
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        new
+      </span>
+      <span
+        style={Object {}}
+      >
+         MyHandler());
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            server.setExecutor(
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        null
+      </span>
+      <span
+        style={Object {}}
+      >
+        ); 
+      </span>
+      <span
+        style={
+          Object {
+            "color": "rgba(149,165,166,.8)",
+          }
+        }
+      >
+        // creates a default executor
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+          server.start();
+
+        }
+
+      
+
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        static
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        class
+      </span>
       <span
         className="hljs-class"
         style={Object {}}
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          class
-        </span>
-         
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
-          }
-        >
-          MyHandler
-        </span>
-         
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          implements
-        </span>
-         
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
-          }
-        >
-          HttpHandler
-        </span>
          
       </span>
-      {
-    
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
+          }
+        }
+      >
+        MyHandler
+      </span>
+      <span
+        className="hljs-class"
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        implements
+      </span>
+      <span
+        className="hljs-class"
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
+          }
+        }
+      >
+        HttpHandler
+      </span>
+      <span
+        className="hljs-class"
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        style={Object {}}
+      >
+        {
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            
+      </span>
       <span
         style={
           Object {
@@ -40913,8 +42379,26 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         @Override
       </span>
-      
-    
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        public
+      </span>
       <span
         style={
           Object {
@@ -40922,56 +42406,84 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           }
         }
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          public
-        </span>
          
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
           }
-        >
-          void
-        </span>
+        }
+      >
+        void
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
          
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
           }
-        >
-          handle
-        </span>
-        <span
-          className="hljs-params"
-          style={Object {}}
-        >
-          (HttpExchange t)
-        </span>
+        }
+      >
+        handle
+      </span>
+      <span
+        className="hljs-params"
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+        (HttpExchange t)
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
          
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
           }
-        >
-          throws
-        </span>
+        }
+      >
+        throws
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
          IOException 
       </span>
-      {
-      String response = 
+      <span
+        style={Object {}}
+      >
+        {
+
+      </span>
+      <span
+        style={Object {}}
+      >
+              String response = 
+      </span>
       <span
         style={
           Object {
@@ -40981,8 +42493,17 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         "This is the response"
       </span>
-      ;
-      t.sendResponseHeaders(
+      <span
+        style={Object {}}
+      >
+        ;
+
+      </span>
+      <span
+        style={Object {}}
+      >
+              t.sendResponseHeaders(
+      </span>
       <span
         style={
           Object {
@@ -40992,14 +42513,27 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       >
         200
       </span>
-      , response.length());
-      OutputStream os = t.getResponseBody();
-      os.write(response.getBytes());
-      os.close();
-    }
-  }
+      <span
+        style={Object {}}
+      >
+        , response.length());
 
-}
+      </span>
+            OutputStream os = t.getResponseBody();
+
+            os.write(response.getBytes());
+
+            os.close();
+
+          }
+
+        }
+
+      
+
+      }
+
+      
 
     </code>
   </pre>
@@ -41008,7 +42542,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
 
 exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
 <div
-  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 eofOgh"
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 kdZjDS"
 >
   <pre
     style={
@@ -41031,7 +42565,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
       >
         var
       </span>
-       http = 
+      <span
+        style={Object {}}
+      >
+         http = 
+      </span>
       <span
         style={
           Object {
@@ -41041,7 +42579,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
       >
         require
       </span>
-      (
+      <span
+        style={Object {}}
+      >
+        (
+      </span>
       <span
         style={
           Object {
@@ -41051,9 +42593,28 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
       >
         'http'
       </span>
-      );
+      <span
+        style={Object {}}
+      >
+        );
 
-http.createServer(
+      </span>
+      
+
+      <span
+        style={Object {}}
+      >
+        http.createServer(
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        function
+      </span>
       <span
         style={
           Object {
@@ -41061,26 +42622,38 @@ http.createServer(
           }
         }
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          function
-        </span>
          (
-        <span
-          className="hljs-params"
-          style={Object {}}
-        >
-          req, res
-        </span>
+      </span>
+      <span
+        className="hljs-params"
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+        req, res
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
         ) 
       </span>
-      {
-  res.writeHead(
+      <span
+        style={Object {}}
+      >
+        {
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          res.writeHead(
+      </span>
       <span
         style={
           Object {
@@ -41090,7 +42663,11 @@ http.createServer(
       >
         200
       </span>
-      , {
+      <span
+        style={Object {}}
+      >
+        , {
+      </span>
       <span
         style={
           Object {
@@ -41100,7 +42677,11 @@ http.createServer(
       >
         'Content-Type'
       </span>
-      : 
+      <span
+        style={Object {}}
+      >
+        : 
+      </span>
       <span
         style={
           Object {
@@ -41110,8 +42691,17 @@ http.createServer(
       >
         'text/plain'
       </span>
-      });
-  res.write(
+      <span
+        style={Object {}}
+      >
+        });
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          res.write(
+      </span>
       <span
         style={
           Object {
@@ -41121,9 +42711,19 @@ http.createServer(
       >
         'Hello World!'
       </span>
-      );
-  res.end();
-}).listen(
+      <span
+        style={Object {}}
+      >
+        );
+
+      </span>
+        res.end();
+
+      <span
+        style={Object {}}
+      >
+        }).listen(
+      </span>
       <span
         style={
           Object {
@@ -41133,7 +42733,13 @@ http.createServer(
       >
         8080
       </span>
-      );
+      <span
+        style={Object {}}
+      >
+        );
+
+      </span>
+      
 
     </code>
   </pre>
@@ -41142,7 +42748,7 @@ http.createServer(
 
 exports[`Storyshots SyntaxHighlighter Python 1`] = `
 <div
-  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 eofOgh"
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 kdZjDS"
 >
   <pre
     style={
@@ -41165,7 +42771,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       >
         from
       </span>
-       BaseHTTPServer 
+      <span
+        style={Object {}}
+      >
+         BaseHTTPServer 
+      </span>
       <span
         style={
           Object {
@@ -41175,9 +42785,19 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       >
         import
       </span>
-       BaseHTTPRequestHandler,HTTPServer
+      <span
+        style={Object {}}
+      >
+         BaseHTTPRequestHandler,HTTPServer
 
-PORT_NUMBER = 
+      </span>
+      
+
+      <span
+        style={Object {}}
+      >
+        PORT_NUMBER = 
+      </span>
       <span
         style={
           Object {
@@ -41187,44 +42807,80 @@ PORT_NUMBER =
       >
         8080
       </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
       
 
-
+      <span
+        style={Object {}}
+      >
+        
+      </span>
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        class
+      </span>
       <span
         className="hljs-class"
         style={Object {}}
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          class
-        </span>
          
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
+      </span>
+      <span
+        className="hljs-class"
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
           }
-        >
-          myHandler
-        </span>
-        <span
-          className="hljs-params"
-          style={Object {}}
-        >
-          (BaseHTTPRequestHandler)
-        </span>
+        }
+      >
+        myHandler
+      </span>
+      <span
+        className="hljs-class hljs-params"
+        style={Object {}}
+      >
+        (BaseHTTPRequestHandler)
+      </span>
+      <span
+        className="hljs-class"
+        style={Object {}}
+      >
         :
       </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
       
 
-  
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#00979D",
+          }
+        }
+      >
+        def
+      </span>
       <span
         style={
           Object {
@@ -41232,36 +42888,48 @@ PORT_NUMBER =
           }
         }
       >
-        <span
-          style={
-            Object {
-              "color": "#00979D",
-            }
-          }
-        >
-          def
-        </span>
          
-        <span
-          style={
-            Object {
-              "color": "#880000",
-              "fontWeight": "bold",
-            }
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#880000",
+            "fontWeight": "bold",
           }
-        >
-          do_GET
-        </span>
-        <span
-          className="hljs-params"
-          style={Object {}}
-        >
-          (self)
-        </span>
+        }
+      >
+        do_GET
+      </span>
+      <span
+        className="hljs-params"
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
+        (self)
+      </span>
+      <span
+        style={
+          Object {
+            "color": "#728E00",
+          }
+        }
+      >
         :
       </span>
-      
-    self.send_response(
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            self.send_response(
+      </span>
       <span
         style={
           Object {
@@ -41271,8 +42939,17 @@ PORT_NUMBER =
       >
         200
       </span>
-      )
-    self.send_header(
+      <span
+        style={Object {}}
+      >
+        )
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            self.send_header(
+      </span>
       <span
         style={
           Object {
@@ -41282,7 +42959,11 @@ PORT_NUMBER =
       >
         'Content-type'
       </span>
-      ,
+      <span
+        style={Object {}}
+      >
+        ,
+      </span>
       <span
         style={
           Object {
@@ -41292,9 +42973,19 @@ PORT_NUMBER =
       >
         'text/html'
       </span>
-      )
-    self.end_headers()
-    self.wfile.write(
+      <span
+        style={Object {}}
+      >
+        )
+
+      </span>
+          self.end_headers()
+
+      <span
+        style={Object {}}
+      >
+            self.wfile.write(
+      </span>
       <span
         style={
           Object {
@@ -41304,8 +42995,17 @@ PORT_NUMBER =
       >
         "Hello World !"
       </span>
-      )
-    
+      <span
+        style={Object {}}
+      >
+        )
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            
+      </span>
       <span
         style={
           Object {
@@ -41315,9 +43015,19 @@ PORT_NUMBER =
       >
         return
       </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
       
 
-
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -41327,8 +43037,17 @@ PORT_NUMBER =
       >
         try
       </span>
-      :
-  server = HTTPServer((
+      <span
+        style={Object {}}
+      >
+        :
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          server = HTTPServer((
+      </span>
       <span
         style={
           Object {
@@ -41338,8 +43057,17 @@ PORT_NUMBER =
       >
         ''
       </span>
-      , PORT_NUMBER), myHandler)
-  
+      <span
+        style={Object {}}
+      >
+        , PORT_NUMBER), myHandler)
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
       <span
         style={
           Object {
@@ -41349,7 +43077,11 @@ PORT_NUMBER =
       >
         print
       </span>
-       
+      <span
+        style={Object {}}
+      >
+         
+      </span>
       <span
         style={
           Object {
@@ -41359,9 +43091,19 @@ PORT_NUMBER =
       >
         'Started httpserver on port '
       </span>
-       , PORT_NUMBER
-  server.serve_forever()
+      <span
+        style={Object {}}
+      >
+         , PORT_NUMBER
 
+      </span>
+        server.serve_forever()
+
+      <span
+        style={Object {}}
+      >
+        
+      </span>
       <span
         style={
           Object {
@@ -41371,8 +43113,17 @@ PORT_NUMBER =
       >
         except
       </span>
-       KeyboardInterrupt:
-  
+      <span
+        style={Object {}}
+      >
+         KeyboardInterrupt:
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
       <span
         style={
           Object {
@@ -41382,7 +43133,11 @@ PORT_NUMBER =
       >
         print
       </span>
-       
+      <span
+        style={Object {}}
+      >
+         
+      </span>
       <span
         style={
           Object {
@@ -41392,8 +43147,15 @@ PORT_NUMBER =
       >
         '^C received, shutting down the web server'
       </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+        server.socket.close()
+
       
-  server.socket.close()
 
     </code>
   </pre>
@@ -41402,7 +43164,7 @@ PORT_NUMBER =
 
 exports[`Storyshots Table|Table Default 1`] = `
 <table
-  className="Table__StyledTable-sc-1bx231g-0 uOAVq table content is-hoverable"
+  className="Table__StyledTable-sc-1bx231g-0 fOrNdR table content is-hoverable"
 >
   <thead>
     <tr>
@@ -41420,7 +43182,7 @@ exports[`Storyshots Table|Table Default 1`] = `
       >
         Last Name
         <i
-          className="fas fa-sort-amount-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 eASrCy"
+          className="fas fa-sort-amount-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 hipkZL"
         />
       </th>
       <th
@@ -41493,7 +43255,7 @@ exports[`Storyshots Table|Table Empty 1`] = `
 
 exports[`Storyshots Table|Table TextColumn 1`] = `
 <table
-  className="Table__StyledTable-sc-1bx231g-0 uOAVq table content is-hoverable"
+  className="Table__StyledTable-sc-1bx231g-0 fOrNdR table content is-hoverable"
 >
   <thead>
     <tr>
@@ -41505,7 +43267,7 @@ exports[`Storyshots Table|Table TextColumn 1`] = `
       >
         Id
         <i
-          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 eASrCy"
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 hipkZL"
         />
       </th>
       <th
@@ -41516,7 +43278,7 @@ exports[`Storyshots Table|Table TextColumn 1`] = `
       >
         Name
         <i
-          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 eASrCy"
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 hipkZL"
         />
       </th>
       <th
@@ -41527,7 +43289,7 @@ exports[`Storyshots Table|Table TextColumn 1`] = `
       >
         Description
         <i
-          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 eASrCy"
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 hipkZL"
         />
       </th>
     </tr>
@@ -41572,7 +43334,7 @@ exports[`Storyshots Table|Table TextColumn 1`] = `
 
 exports[`Storyshots Tag Clickable 1`] = `
 <div
-  className="Tagstories__Wrapper-wsn8kx-0 cHkekU"
+  className="Tagstories__Wrapper-wsn8kx-0 jhdyPb"
 >
   <span
     className="tag is-light"
@@ -41585,11 +43347,11 @@ exports[`Storyshots Tag Clickable 1`] = `
 
 exports[`Storyshots Tag Colors 1`] = `
 <div
-  className="Tagstories__Wrapper-wsn8kx-0 cHkekU"
+  className="Tagstories__Wrapper-wsn8kx-0 jhdyPb"
 >
   <div>
     <div
-      className="Tagstories__Spacing-wsn8kx-1 hLVcdx"
+      className="Tagstories__Spacing-wsn8kx-1 bwITjw"
     >
       <span
         className="tag is-primary"
@@ -41598,7 +43360,7 @@ exports[`Storyshots Tag Colors 1`] = `
       </span>
     </div>
     <div
-      className="Tagstories__Spacing-wsn8kx-1 hLVcdx"
+      className="Tagstories__Spacing-wsn8kx-1 bwITjw"
     >
       <span
         className="tag is-link"
@@ -41607,7 +43369,7 @@ exports[`Storyshots Tag Colors 1`] = `
       </span>
     </div>
     <div
-      className="Tagstories__Spacing-wsn8kx-1 hLVcdx"
+      className="Tagstories__Spacing-wsn8kx-1 bwITjw"
     >
       <span
         className="tag is-info"
@@ -41616,7 +43378,7 @@ exports[`Storyshots Tag Colors 1`] = `
       </span>
     </div>
     <div
-      className="Tagstories__Spacing-wsn8kx-1 hLVcdx"
+      className="Tagstories__Spacing-wsn8kx-1 bwITjw"
     >
       <span
         className="tag is-success"
@@ -41625,7 +43387,7 @@ exports[`Storyshots Tag Colors 1`] = `
       </span>
     </div>
     <div
-      className="Tagstories__Spacing-wsn8kx-1 hLVcdx"
+      className="Tagstories__Spacing-wsn8kx-1 bwITjw"
     >
       <span
         className="tag is-warning"
@@ -41634,7 +43396,7 @@ exports[`Storyshots Tag Colors 1`] = `
       </span>
     </div>
     <div
-      className="Tagstories__Spacing-wsn8kx-1 hLVcdx"
+      className="Tagstories__Spacing-wsn8kx-1 bwITjw"
     >
       <span
         className="tag is-danger"
@@ -41648,7 +43410,7 @@ exports[`Storyshots Tag Colors 1`] = `
 
 exports[`Storyshots Tag Default 1`] = `
 <div
-  className="Tagstories__Wrapper-wsn8kx-0 cHkekU"
+  className="Tagstories__Wrapper-wsn8kx-0 jhdyPb"
 >
   <span
     className="tag is-light"
@@ -41660,7 +43422,7 @@ exports[`Storyshots Tag Default 1`] = `
 
 exports[`Storyshots Tag With Icon 1`] = `
 <div
-  className="Tagstories__Wrapper-wsn8kx-0 cHkekU"
+  className="Tagstories__Wrapper-wsn8kx-0 jhdyPb"
 >
   <span
     className="tag is-light"
@@ -41676,7 +43438,7 @@ exports[`Storyshots Tag With Icon 1`] = `
 
 exports[`Storyshots Tag With title 1`] = `
 <div
-  className="Tagstories__Wrapper-wsn8kx-0 cHkekU"
+  className="Tagstories__Wrapper-wsn8kx-0 jhdyPb"
 >
   <span
     className="tag is-light"
@@ -41719,11 +43481,11 @@ exports[`Storyshots Toast Warning 1`] = `null`;
 
 exports[`Storyshots Tooltip Default 1`] = `
 <div
-  className="Tooltipstories__Wrapper-sc-1c34uq-0 cmZvab"
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 kMYfDl"
 >
   <div>
     <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 ghDLyA"
+      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
     >
       <span
         className="tooltip has-tooltip-right"
@@ -41741,7 +43503,7 @@ exports[`Storyshots Tooltip Default 1`] = `
       </span>
     </div>
     <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 ghDLyA"
+      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
     >
       <span
         className="tooltip has-tooltip-top"
@@ -41759,7 +43521,7 @@ exports[`Storyshots Tooltip Default 1`] = `
       </span>
     </div>
     <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 ghDLyA"
+      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
     >
       <span
         className="tooltip has-tooltip-left"
@@ -41777,7 +43539,7 @@ exports[`Storyshots Tooltip Default 1`] = `
       </span>
     </div>
     <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 ghDLyA"
+      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
     >
       <span
         className="tooltip has-tooltip-bottom"