diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 12343d2c7e..12c14ca8eb 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -42,3 +42,10 @@ jobs:
           parallel: true
         env:
           CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
+
+      - name: Upload snapshots
+        uses: actions/upload-artifact@v2
+        if: always()
+        with:
+          name: snapshots
+          path: cypress/snapshots
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_button-base.png
index d282e60b94..588a3c53d9 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_none-base.png
index 739fa47704..cd627dff06 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_button-base.png
index 972d6ee240..517478b32a 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_none-base.png
index a87677d43e..b60e285366 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_button-base.png
index 2278475136..77d95c748b 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_none-base.png
index 2e3f6f5b81..cb0f55e790 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_button-base.png
index 972d6ee240..517478b32a 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_none-base.png
index a87677d43e..b60e285366 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_button-base.png
index aaed2df94e..288d7a1487 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_none-base.png
index af56aca9a6..3a6829657e 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_button-base.png
index bfcfb3ef58..5ae8c5be48 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_none-base.png
index 6e01de86bc..bf52512a60 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_button-base.png
index 0fda5e9327..cd6d50b01d 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_none-base.png
index 72160f81b7..17cd56b28a 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_button-base.png
index bfcfb3ef58..5ae8c5be48 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_none-base.png
index 6e01de86bc..bf52512a60 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_button-base.png
index 8ce12aa6bc..2fec7adff5 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_none-base.png
index 25418276d2..940fa0c820 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_button-base.png
index 7883e5c99c..2aff9dbb3c 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_none-base.png
index f6c170125d..a9644bfa89 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_button-base.png
index 0c022673ed..81ae8765c0 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_none-base.png
index 4dbbe82a44..88fc9ff151 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_none-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_button-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_button-base.png
index 7883e5c99c..2aff9dbb3c 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_button-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_button-base.png differ
diff --git a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_none-base.png b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_none-base.png
index f6c170125d..a9644bfa89 100644
Binary files a/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_none-base.png and b/cypress/snapshots/base/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_none-base.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_button-diff.png
new file mode 100644
index 0000000000..fe6d1721a4
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_none-diff.png
new file mode 100644
index 0000000000..4c81321de7
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_image - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_button-diff.png
new file mode 100644
index 0000000000..54e4b5e725
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_none-diff.png
new file mode 100644
index 0000000000..607fb9c79c
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_false - header_none - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_button-diff.png
new file mode 100644
index 0000000000..6dd197e4c1
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_none-diff.png
new file mode 100644
index 0000000000..3b75034dbf
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_image - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_button-diff.png
new file mode 100644
index 0000000000..54e4b5e725
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_none-diff.png
new file mode 100644
index 0000000000..607fb9c79c
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_false - compact_true - header_none - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_button-diff.png
new file mode 100644
index 0000000000..6c6e2cfa9a
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_none-diff.png
new file mode 100644
index 0000000000..b42547fc0c
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_image - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_button-diff.png
new file mode 100644
index 0000000000..0b506703c3
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_none-diff.png
new file mode 100644
index 0000000000..387e71c0df
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_false - header_none - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_button-diff.png
new file mode 100644
index 0000000000..63c06f02cb
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_none-diff.png
new file mode 100644
index 0000000000..70a6a7803d
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_image - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_button-diff.png
new file mode 100644
index 0000000000..0b506703c3
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_none-diff.png
new file mode 100644
index 0000000000..387e71c0df
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_null - compact_true - header_none - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_button-diff.png
new file mode 100644
index 0000000000..c2e1970704
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_none-diff.png
new file mode 100644
index 0000000000..40554962e1
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_image - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_button-diff.png
new file mode 100644
index 0000000000..c4a159c121
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_none-diff.png
new file mode 100644
index 0000000000..af9903582f
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_false - header_none - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_button-diff.png
new file mode 100644
index 0000000000..9ee81943e2
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_none-diff.png
new file mode 100644
index 0000000000..22f2caf4ba
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_image - secondary_none-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_button-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_button-diff.png
new file mode 100644
index 0000000000..c4a159c121
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_button-diff.png differ
diff --git a/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_none-diff.png b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_none-diff.png
new file mode 100644
index 0000000000..af9903582f
Binary files /dev/null and b/cypress/snapshots/diff/components/AppSidebar/AppSidebar.visual.js/AppSidebar.vue - starred_true - compact_true - header_none - secondary_none-diff.png differ
diff --git a/package-lock.json b/package-lock.json
index eb96876103..f2cf74f087 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12376,6 +12376,12 @@
 				}
 			}
 		},
+		"fontsource-roboto": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/fontsource-roboto/-/fontsource-roboto-3.0.3.tgz",
+			"integrity": "sha512-kfsC9qAP6XhwnSDAhg2lhWeaUJfLGXZh7GcLxFiz/4lXdkV2pVhWv2Xp9ES3b3BHdc9UuPrWXXLOphzHIStcOw==",
+			"dev": true
+		},
 		"for-in": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
diff --git a/package.json b/package.json
index 34ca77fcf5..142a8b598f 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,7 @@
 		"eslint-plugin-standard": "^4.0.1",
 		"eslint-plugin-vue": "^6.2.2",
 		"file-loader": "^6.0.0",
+		"fontsource-roboto": "^3.0.3",
 		"gettext-extractor": "^3.5.2",
 		"gettext-parser": "^4.0.3",
 		"glob": "^7.1.6",
diff --git a/tests/visual/components/AppSidebar/AppSidebar.visual.js b/tests/visual/components/AppSidebar/AppSidebar.visual.js
index 03e2d6943c..7c0bf1a164 100644
--- a/tests/visual/components/AppSidebar/AppSidebar.visual.js
+++ b/tests/visual/components/AppSidebar/AppSidebar.visual.js
@@ -31,6 +31,9 @@ import server from '../../../../styleguide/assets/server.css'
 import icons from '../../../../styleguide/assets/icons.css'
 import variables from '../../../../styleguide/assets/variables.css'
 
+// Import font so CI has the same
+import 'fontsource-roboto'
+
 describe('AppSidebar.vue', () => {
 	'use strict'