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 eec24b0966..9bbf3d36c6 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -3951,6 +3951,19 @@ exports[`Storyshots Diff Binaries 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -4219,6 +4232,19 @@ exports[`Storyshots Diff Collapsed 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -4315,6 +4341,19 @@ exports[`Storyshots Diff Collapsed 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -4411,6 +4450,19 @@ exports[`Storyshots Diff Collapsed 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -4507,6 +4559,19 @@ exports[`Storyshots Diff Collapsed 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -4603,6 +4668,19 @@ exports[`Storyshots Diff Collapsed 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -4699,6 +4777,19 @@ exports[`Storyshots Diff Collapsed 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -4804,6 +4895,19 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -4862,6 +4966,19 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -5703,6 +5820,19 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -6140,6 +6270,19 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -6577,6 +6720,19 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -6635,6 +6791,19 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -6702,6 +6871,19 @@ exports[`Storyshots Diff Default 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -7266,6 +7448,19 @@ exports[`Storyshots Diff Default 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -8107,6 +8302,19 @@ exports[`Storyshots Diff Default 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -8544,6 +8752,19 @@ exports[`Storyshots Diff Default 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -8981,6 +9202,19 @@ exports[`Storyshots Diff Default 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -10025,6 +10259,19 @@ exports[`Storyshots Diff Default 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -10546,6 +10793,19 @@ exports[`Storyshots Diff Expandable 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -11147,6 +11407,19 @@ exports[`Storyshots Diff Expandable 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -12085,6 +12358,19 @@ exports[`Storyshots Diff Expandable 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -12594,6 +12880,19 @@ exports[`Storyshots Diff Expandable 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -13103,6 +13402,19 @@ exports[`Storyshots Diff Expandable 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -14302,6 +14614,19 @@ exports[`Storyshots Diff Expandable 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -14860,6 +15185,19 @@ exports[`Storyshots Diff File Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -15428,6 +15766,19 @@ exports[`Storyshots Diff File Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -16273,6 +16624,19 @@ exports[`Storyshots Diff File Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -16714,6 +17078,19 @@ exports[`Storyshots Diff File Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -17155,6 +17532,19 @@ exports[`Storyshots Diff File Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -18203,6 +18593,19 @@ exports[`Storyshots Diff File Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -18728,6 +19131,19 @@ exports[`Storyshots Diff File Controls 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -19310,6 +19726,19 @@ exports[`Storyshots Diff File Controls 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -20169,6 +20598,19 @@ exports[`Storyshots Diff File Controls 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -20624,6 +21066,19 @@ exports[`Storyshots Diff File Controls 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -21079,6 +21534,19 @@ exports[`Storyshots Diff File Controls 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -22141,6 +22609,19 @@ exports[`Storyshots Diff File Controls 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
               <div
                 className="control"
               >
@@ -22680,6 +23161,19 @@ exports[`Storyshots Diff Hunks 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -23508,6 +24002,19 @@ exports[`Storyshots Diff Line Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -24084,6 +24591,19 @@ exports[`Storyshots Diff Line Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -24937,6 +25457,19 @@ exports[`Storyshots Diff Line Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -25374,6 +25907,19 @@ exports[`Storyshots Diff Line Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -25811,6 +26357,19 @@ exports[`Storyshots Diff Line Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -26855,6 +27414,19 @@ exports[`Storyshots Diff Line Annotation 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -27388,6 +27960,19 @@ exports[`Storyshots Diff OnClick 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -27992,6 +28577,19 @@ exports[`Storyshots Diff OnClick 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -28895,6 +29493,19 @@ exports[`Storyshots Diff OnClick 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -29362,6 +29973,19 @@ exports[`Storyshots Diff OnClick 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -29829,6 +30453,19 @@ exports[`Storyshots Diff OnClick 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -30949,6 +31586,19 @@ exports[`Storyshots Diff OnClick 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -31506,6 +32156,19 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -32163,6 +32826,19 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -33094,6 +33770,19 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -33583,6 +34272,19 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -34072,6 +34774,19 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -35285,6 +36000,19 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -35879,6 +36607,19 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -36443,6 +37184,19 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -37284,6 +38038,19 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -37721,6 +38488,19 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -38158,6 +38938,19 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -39202,6 +39995,19 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -39723,6 +40529,19 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -40324,6 +41143,19 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -41262,6 +42094,19 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -41771,6 +42616,19 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -42280,6 +43138,19 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
@@ -43479,6 +44350,19 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
                   </a>
                 </span>
               </div>
+              <div
+                className="control"
+              >
+                <a
+                  className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                  onClick={[Function]}
+                  title="diff.fullscreen.open"
+                >
+                  <i
+                    className="fas fa-search-plus"
+                  />
+                </a>
+              </div>
             </div>
           </div>
         </div>
diff --git a/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx b/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx
index 4f5323a921..70d4ee5ead 100644
--- a/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx
+++ b/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx
@@ -48,12 +48,14 @@ const OpenInFullscreenButton: FC<Props> = ({ modalTitle, modalBody }) => {
       <Button title={t("diff.fullscreen.open")} className="button" onClick={() => setShowModal(true)}>
         <i className="fas fa-search-plus" />
       </Button>
-      {showModal && <FullscreenModal
-        title={modalTitle}
-        closeFunction={() => setShowModal(false)}
-        body={modalBody}
-        active={showModal}
-      />}
+      {showModal && (
+        <FullscreenModal
+          title={modalTitle}
+          closeFunction={() => setShowModal(false)}
+          body={modalBody}
+          active={showModal}
+        />
+      )}
     </>
   );
 };