diff --git a/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx b/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx
index ac0c4c52a850..998fab9024d8 100644
--- a/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx
+++ b/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx
@@ -2,7 +2,7 @@
 import { css } from "@emotion/css"
 import { InspectorControls, RichText } from "@wordpress/block-editor"
 import { BlockEditProps } from "@wordpress/blocks"
-import React, { useContext } from "react"
+import React, { useContext, useEffect } from "react"
 
 import BackgroundAndColorCustomizer from "../../components/blocks/BackgroundAndColorCustomizer"
 import PageContext from "../../contexts/PageContext"
@@ -33,6 +33,17 @@ const HeroSectionEditor: React.FC<
 
   const backgroundVerticalAlignment = alignBottom ? "bottom" : "center"
 
+  const WHITE = "#FFFFFF"
+
+  useEffect(() => {
+    if (!attributes.fontColor) {
+      setAttributes({ fontColor: baseTheme.colors.gray[700] })
+    }
+    if (!attributes.backgroundColor) {
+      setAttributes({ backgroundColor: WHITE })
+    }
+  }, [attributes.backgroundColor, attributes.fontColor, setAttributes])
+
   return (
     <BlockWrapper id={clientId}>
       <InspectorControls key="settings">
@@ -52,7 +63,7 @@ const HeroSectionEditor: React.FC<
             padding: 7.5em 1em;
             margin-bottom: 3rem;
 
-            background-color: ${backgroundColor ? backgroundColor : baseTheme.colors.green["200"]};
+            background-color: ${backgroundColor};
             position: relative;
 
             &::after {
diff --git a/services/cms/src/components/blocks/BackgroundAndColorCustomizer.tsx b/services/cms/src/components/blocks/BackgroundAndColorCustomizer.tsx
index 82db47e4466c..d96eb5938ad8 100644
--- a/services/cms/src/components/blocks/BackgroundAndColorCustomizer.tsx
+++ b/services/cms/src/components/blocks/BackgroundAndColorCustomizer.tsx
@@ -20,7 +20,14 @@ const DEFAULT_BACKGROUND_COLORS = [
   { color: baseTheme.colors.blue[100], name: "lightblue" },
 ]
 
+const DEFAULT_FONT_COLORS = [
+  { color: baseTheme.colors.gray[700], name: "gray-1" },
+  { color: baseTheme.colors.gray[600], name: "gray-2" },
+  { color: baseTheme.colors.gray[500], name: "gray-3" },
+]
+
 const WHITE = "#FFFFFF"
+const GRAY = baseTheme.colors.gray[700]
 
 const ALLOWED_MIMETYPES_FOR_UPLOAD = ["image/svg+xml"]
 
@@ -108,10 +115,10 @@ const BackgroundAndColorCustomizer: React.FC<
       >
         <ColorPalette
           disableCustomColors={false}
-          value={attributes.fontColor ?? WHITE}
+          value={attributes.fontColor ?? GRAY}
           onChange={(fontColor) => setAttributes({ fontColor })}
           clearable={false}
-          colors={DEFAULT_BACKGROUND_COLORS}
+          colors={DEFAULT_FONT_COLORS}
         />
       </Placeholder>
       <CheckBox
diff --git a/services/course-material/src/components/ContentRenderer/core/common/Quote/QuoteBlock.tsx b/services/course-material/src/components/ContentRenderer/core/common/Quote/QuoteBlock.tsx
index af60fbdd5e45..02dfeb9dc10b 100644
--- a/services/course-material/src/components/ContentRenderer/core/common/Quote/QuoteBlock.tsx
+++ b/services/course-material/src/components/ContentRenderer/core/common/Quote/QuoteBlock.tsx
@@ -18,7 +18,7 @@ const QuoteBlock: React.FC<BlockRendererProps<QuoteAttributes & ExtraAttributes>
   const { terms } = useContext(GlossaryContext)
 
   const styleLeftDefault = css`
-    padding: 0.5rem 2rem;
+    padding: 0.4rem 1rem;
     margin: 2.5rem 0;
     max-width: 100%;
     border-left: 7px solid #bdc7d1;
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/AsideBlock.tsx b/services/course-material/src/components/ContentRenderer/moocfi/AsideBlock.tsx
index 83165f86bf85..bde3e10b1484 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/AsideBlock.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/AsideBlock.tsx
@@ -4,6 +4,7 @@ import React from "react"
 import { BlockRendererProps } from ".."
 import InnerBlocks from "../util/InnerBlocks"
 
+import { respondToOrLarger } from "@/shared-module/common/styles/respond"
 import withErrorBoundary from "@/shared-module/common/utils/withErrorBoundary"
 
 interface AsideBlockProps {
@@ -17,11 +18,15 @@ const AsideBLock: React.FC<React.PropsWithChildren<BlockRendererProps<AsideBlock
   return (
     <div
       className={css`
-        padding: 2rem;
+        padding: 0rem 0.8rem;
         border-top: 0.4rem solid ${props.data.attributes.separatorColor};
         border-bottom: 0.4rem solid ${props.data.attributes.separatorColor};
         background: ${props.data.attributes.backgroundColor};
 
+        ${respondToOrLarger.md} {
+          padding: 1rem 2rem;
+        }
+
         h1,
         h2,
         h3,
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/HilightItem.tsx b/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/HilightItem.tsx
index 979c2c7876a7..8655d3e9b5f9 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/HilightItem.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/HilightItem.tsx
@@ -1,6 +1,6 @@
 import { css, cx } from "@emotion/css"
 
-import { baseTheme, headingFont } from "@/shared-module/common/styles"
+import { headingFont } from "@/shared-module/common/styles"
 import { respondToOrLarger } from "@/shared-module/common/styles/respond"
 
 const highlightItemStyle = css`
@@ -16,7 +16,7 @@ const highlightItemStyle = css`
 
 // eslint-disable-next-line i18next/no-literal-string
 const highlightItemLeftBorder = css`
-  border-left: 2px solid ${baseTheme.colors.gray[100]};
+  border-left: 2px solid #e4eaee;
 `
 
 interface HighlightItemProps {
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/index.tsx b/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/index.tsx
index cef1cdf2e8a3..5adc381f9b1e 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/index.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/CourseProgressBlock/CompletionRequirementsTabulation/index.tsx
@@ -8,6 +8,7 @@ import { baseTheme } from "@/shared-module/common/styles"
 const HighlightContainer = styled.div`
   display: flex;
   flex-direction: row;
+  padding: 1rem 0;
 `
 
 export interface CompletionRequirementsTabulationProps {
@@ -29,7 +30,7 @@ const CompletionRequirementsTabulation: React.FC<
             highlightText={pointsRequiredForCompletion}
           />
         )}
-        {attemptedExercisesRequiredForCompletion && (
+        {!!attemptedExercisesRequiredForCompletion && (
           <HighlightItem
             highlightColor={baseTheme.colors.gradient["blue"]}
             highlightDescription={t("attempted-exercises-required-for-completion")}
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/HighglightBox.tsx b/services/course-material/src/components/ContentRenderer/moocfi/HighglightBox.tsx
index a1d63202f7f0..29f71a7aad54 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/HighglightBox.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/HighglightBox.tsx
@@ -22,10 +22,14 @@ const HightlightBlock: React.FC<
     <>
       <div
         className={css`
-          padding: 1rem 1.5rem;
           background-color: #fafbfb;
           margin: 1rem 0;
           border: 1px solid #e2e4e6;
+          padding: 1rem 0rem;
+
+          ${respondToOrLarger.md} {
+            padding: 1rem 1.5rem;
+          }
         `}
       >
         <div
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/InfoBox.tsx b/services/course-material/src/components/ContentRenderer/moocfi/InfoBox.tsx
index 5a0969b6549b..bd769887cf81 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/InfoBox.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/InfoBox.tsx
@@ -6,6 +6,7 @@ import InnerBlocks from "../util/InnerBlocks"
 
 import BreakFromCentered from "@/shared-module/common/components/Centering/BreakFromCentered"
 import Centered from "@/shared-module/common/components/Centering/Centered"
+import { respondToOrLarger } from "@/shared-module/common/styles/respond"
 import withErrorBoundary from "@/shared-module/common/utils/withErrorBoundary"
 
 interface InfoBoxBlockAttributes {
@@ -20,8 +21,12 @@ const InfoBoxBlock: React.FC<
     <BreakFromCentered sidebar={false}>
       <div
         className={css`
-          ${!props.data.attributes.noPadding && `padding: 3rem;`}
+          padding: 1rem 0;
           background-color: ${props.data.attributes.backgroundColor};
+
+          ${respondToOrLarger.md} {
+            ${!props.data.attributes.noPadding && `          padding: 3rem;`}
+          }
         `}
       >
         <Centered variant="narrow">
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/InstructionBox.tsx b/services/course-material/src/components/ContentRenderer/moocfi/InstructionBox.tsx
index 81b0727ac6f2..34804333f53f 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/InstructionBox.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/InstructionBox.tsx
@@ -19,10 +19,13 @@ const InstructionBlock: React.FC<
     <>
       <div
         className={css`
-          padding: 1rem 1.5rem;
+          padding: 1rem 0rem;
           background-color: #f2f7fc;
           margin: 1rem 0;
           border: 2px ${baseTheme.colors.purple[300]} dashed;
+          ${respondToOrLarger.md} {
+            padding: 1rem 1.5rem;
+          }
         `}
       >
         <div
@@ -30,7 +33,11 @@ const InstructionBlock: React.FC<
             max-width: 48rem;
             margin-left: auto;
             margin-right: auto;
-            padding: 0rem 1.375rem;
+            padding: 0rem 1rem;
+
+            ${respondToOrLarger.md} {
+              padding: 0rem 1.375rem;
+            }
 
             span {
               font-size: 18px;
@@ -40,9 +47,6 @@ const InstructionBlock: React.FC<
                 font-size: 20px;
               }
             }
-            ${respondToOrLarger.md} {
-              padding: 0rem;
-            }
           `}
         >
           <span
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/LearningObjectiveBlock.tsx b/services/course-material/src/components/ContentRenderer/moocfi/LearningObjectiveBlock.tsx
index 520280441ac9..1c4e71e95004 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/LearningObjectiveBlock.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/LearningObjectiveBlock.tsx
@@ -17,7 +17,11 @@ import withErrorBoundary from "@/shared-module/common/utils/withErrorBoundary"
 const Wrapper = styled.div`
   margin: 2rem auto;
   background: #f0f5f5;
-  padding: 1.5rem 2.2rem;
+  padding: 0.5rem 1.5rem;
+
+  ${respondToOrLarger.md} {
+    padding: 1.5rem 2.2rem;
+  }
   height: auto;
 `
 const Header = styled.div`
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/NavigationContainer/NextPage.tsx b/services/course-material/src/components/ContentRenderer/moocfi/NavigationContainer/NextPage.tsx
index cd20bf2cf501..b89d8987a43b 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/NavigationContainer/NextPage.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/NavigationContainer/NextPage.tsx
@@ -62,14 +62,18 @@ const ChapterProgress = styled.div`
   }
 
   .attempted-exercises {
-    margin-right: 1.2rem;
+    margin-right: 1.4rem;
   }
 
   .description {
     opacity: 80%;
     line-height: 100%;
-    align-self: end;
+    align-self: start;
     padding-top: 0.2rem;
+
+    ${respondToOrLarger.md} {
+      align-self: end;
+    }
   }
 
   .answers,
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/PagesInChapterBlock/PagesInChapter.tsx b/services/course-material/src/components/ContentRenderer/moocfi/PagesInChapterBlock/PagesInChapter.tsx
index 270fa6ea2897..9b79c33a1344 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/PagesInChapterBlock/PagesInChapter.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/PagesInChapterBlock/PagesInChapter.tsx
@@ -9,6 +9,7 @@ import { coursePageRoute } from "../../../../utils/routing"
 import ErrorBanner from "@/shared-module/common/components/ErrorBanner"
 import PagesInChapterBox from "@/shared-module/common/components/PagesInChapterBox"
 import Spinner from "@/shared-module/common/components/Spinner"
+import { respondToOrLarger } from "@/shared-module/common/styles/respond"
 import { INCLUDE_THIS_HEADING_IN_HEADINGS_NAVIGATION_CLASS } from "@/shared-module/common/utils/constants"
 
 export interface PagesInChapterProps {
@@ -40,11 +41,15 @@ const PagesInChapter: React.FC<React.PropsWithChildren<PagesInChapterProps>> = (
             className={cx(
               INCLUDE_THIS_HEADING_IN_HEADINGS_NAVIGATION_CLASS,
               css`
-                font-size: 1.875rem;
+                font-size: 1.5rem;
                 font-weight: 500;
                 text-align: center;
                 color: #1a2333;
                 margin-bottom: 1.6rem;
+
+                ${respondToOrLarger.md} {
+                  font-size: 1.875rem;
+                }
               `,
             )}
           >
diff --git a/services/course-material/src/components/FeedbackDialog.tsx b/services/course-material/src/components/FeedbackDialog.tsx
index 59e7fd5ea31a..01459866f4df 100644
--- a/services/course-material/src/components/FeedbackDialog.tsx
+++ b/services/course-material/src/components/FeedbackDialog.tsx
@@ -178,7 +178,7 @@ const FeedbackDialog: React.FC<React.PropsWithChildren<Props>> = ({
                     font-family: ${primaryFont};
                     font-style: normal;
                     font-weight: normal;
-                    font-size: 16px;
+                    font-size: 1rem;
                     line-height: 20px;
                     color: #3b4754;
 
@@ -195,7 +195,7 @@ const FeedbackDialog: React.FC<React.PropsWithChildren<Props>> = ({
                     font-family: ${primaryFont};
                     font-style: normal;
                     font-weight: normal;
-                    font-size: 13px;
+                    font-size: 0.813rem;
                     line-height: 16px;
                     color: rgba(117, 117, 117, 0.6);
 
diff --git a/services/course-material/src/components/HeroSection.tsx b/services/course-material/src/components/HeroSection.tsx
index 7a8b5e08c940..b483d7972421 100644
--- a/services/course-material/src/components/HeroSection.tsx
+++ b/services/course-material/src/components/HeroSection.tsx
@@ -115,7 +115,7 @@ const HeroSection: React.FC<React.PropsWithChildren<React.PropsWithChildren<Card
         margin-bottom: 3rem;
         /** There should not be empty space before the hero section, so we'll undo the default block margin **/
         margin-top: -${COURSE_MATERIAL_DEFAULT_BLOCK_MARGIN_REM}rem;
-        background-color: ${backgroundColor ? backgroundColor : baseTheme.colors.green["200"]};
+        background-color: ${backgroundColor};
         position: relative;
 
         &::after {
diff --git a/shared-module/packages/common/src/components/Breadcrumbs.tsx b/shared-module/packages/common/src/components/Breadcrumbs.tsx
index 71a287120a96..b997a1e220f7 100644
--- a/shared-module/packages/common/src/components/Breadcrumbs.tsx
+++ b/shared-module/packages/common/src/components/Breadcrumbs.tsx
@@ -3,6 +3,8 @@ import styled from "@emotion/styled"
 import Link from "next/link"
 import { useTranslation } from "react-i18next"
 
+import { respondToOrLarger } from "../styles/respond"
+
 const StyledBreadcrumb = styled.div`
   font-size: 1rem;
   margin: 0;
@@ -14,6 +16,11 @@ const StyledBreadcrumb = styled.div`
       display: flex;
       flex-wrap: wrap;
       gap: 0.75rem;
+      padding-left: 0;
+
+      ${respondToOrLarger.md} {
+        padding-left: 2rem;
+      }
     }
 
     .group {
diff --git a/shared-module/packages/common/src/components/Card/SimpleCard.tsx b/shared-module/packages/common/src/components/Card/SimpleCard.tsx
index 097fe6ec17dc..614f547efa4d 100644
--- a/shared-module/packages/common/src/components/Card/SimpleCard.tsx
+++ b/shared-module/packages/common/src/components/Card/SimpleCard.tsx
@@ -46,8 +46,12 @@ const CardContentWrapper = styled.div`
     z-index: 20;
     color: #fff;
     font-weight: 500;
-    line-height: 100%;
-    font-size: clamp(28px, 2.7rem, 46px);
+    line-height: 110%;
+    font-size: 1.875rem;
+
+    ${respondToOrLarger.lg} {
+      font-size: clamp(28px, 2.7rem, 46px);
+    }
   }
 
   span {
diff --git a/shared-module/packages/common/src/components/NextSectionLink.tsx b/shared-module/packages/common/src/components/NextSectionLink.tsx
index 87d920bf5ee9..68fe7dfe6767 100644
--- a/shared-module/packages/common/src/components/NextSectionLink.tsx
+++ b/shared-module/packages/common/src/components/NextSectionLink.tsx
@@ -6,7 +6,6 @@ import { useTranslation } from "react-i18next"
 
 import ArrowSVGIcon from "../img/arrow.svg"
 import BackArrowIcon from "../img/backarrow.svg"
-import LockIcon from "../img/lock.svg"
 import TopArrowSVGIcon from "../img/up-arrow.svg"
 import { baseTheme, headingFont, typography } from "../styles"
 import { respondToOrLarger } from "../styles/respond"
@@ -214,6 +213,7 @@ const NextSectionLink: React.FC<
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
+                    display: inline-grid;
 
                     .next-page-title {
                       display: block;
@@ -274,7 +274,7 @@ const NextSectionLink: React.FC<
                     }
                   `}
                 >
-                  {url ? (
+                  {url && (
                     <ArrowSVGIcon
                       id="right-svg-icon"
                       role="presentation"
@@ -283,15 +283,6 @@ const NextSectionLink: React.FC<
                       height="30"
                       viewBox="0 0 39 39"
                     />
-                  ) : (
-                    <LockIcon
-                      id="svg-icon"
-                      role="presentation"
-                      alt=""
-                      width="24"
-                      height="36"
-                      viewBox="0 0 24 36"
-                    />
                   )}
                 </div>
               </div>
diff --git a/shared-module/packages/common/src/components/TopLevelPage.tsx b/shared-module/packages/common/src/components/TopLevelPage.tsx
index b03ff0e78909..b336f9910a14 100644
--- a/shared-module/packages/common/src/components/TopLevelPage.tsx
+++ b/shared-module/packages/common/src/components/TopLevelPage.tsx
@@ -10,7 +10,7 @@ import { respondToOrLarger } from "../styles/respond"
 const Content = styled.div`
   margin: 0 auto;
   max-width: 100%;
-  background: #ecf3f2;
+  background: rgb(242, 245, 247);
   display: flex;
   height: auto;
   align-items: center;
@@ -25,14 +25,14 @@ const Content = styled.div`
   transition: filter 0.2s;
   filter: brightness(100%) contrast(100%);
   &:hover {
-    filter: brightness(92%) contrast(110%);
+    background-color: rgb(235, 239, 242);
   }
 
   h3 {
     font-family: ${primaryFont};
     font-size: 22px;
     font-weight: 400;
-    color: #065853;
+    color: #1a2333;
   }
 
   span {
@@ -80,7 +80,7 @@ const TopLevelPage: React.FC<React.PropsWithChildren<React.PropsWithChildren<Top
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.957 49" className="right-arrow">
           <path
             d="M32.466,0,29.321,3.146l19.123,19.11H0v4.475H48.444L29.321,45.854,32.466,49l24.49-24.506Z"
-            fill="#44827E"
+            fill="#1a2333"
           />
         </svg>
       </Content>
diff --git a/system-tests/src/__screenshots__/author.spec.ts/author-block-desktop-regular.png b/system-tests/src/__screenshots__/author.spec.ts/author-block-desktop-regular.png
index bc75f6526c03..bed1a1e039db 100644
Binary files a/system-tests/src/__screenshots__/author.spec.ts/author-block-desktop-regular.png and b/system-tests/src/__screenshots__/author.spec.ts/author-block-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/author.spec.ts/author-block-mobile-tall.png b/system-tests/src/__screenshots__/author.spec.ts/author-block-mobile-tall.png
index 4b49cf692d5b..4e9180f8efd4 100644
Binary files a/system-tests/src/__screenshots__/author.spec.ts/author-block-mobile-tall.png and b/system-tests/src/__screenshots__/author.spec.ts/author-block-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-desktop-regular.png b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-desktop-regular.png
index 5e33bafcbc6b..e1603df89a39 100644
Binary files a/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-desktop-regular.png and b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-mobile-tall.png b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-mobile-tall.png
index c6e5f84b316d..ff58c0cccbfc 100644
Binary files a/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-mobile-tall.png and b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-congratulations-card-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-desktop-regular.png b/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-desktop-regular.png
index 451fc83aa057..e89ee6a31f17 100644
Binary files a/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-desktop-regular.png and b/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-mobile-tall.png b/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-mobile-tall.png
index 97bf98c0a87b..1e79097ec3b9 100644
Binary files a/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-mobile-tall.png and b/system-tests/src/__screenshots__/content-search.spec.ts/search-content-with-two-words-not-just-after-each-other-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-desktop-regular.png b/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-desktop-regular.png
index a69a004ff1d8..306ef92f12a4 100644
Binary files a/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-desktop-regular.png and b/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-mobile-tall.png b/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-mobile-tall.png
index c777cb363cf9..12459820a161 100644
Binary files a/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-mobile-tall.png and b/system-tests/src/__screenshots__/content-search.spec.ts/search-continuous-phrases-ranked-higher-than-word-matches-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-desktop-regular.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-desktop-regular.png
index 892b8b4ba662..3bad13da0942 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-desktop-regular.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-mobile-tall.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-mobile-tall.png
index 7b76baeec6f6..c49694b8103b 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-mobile-tall.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-after-delete-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-desktop-regular.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-desktop-regular.png
index 7b3ec3510e4d..65e78b854652 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-desktop-regular.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-mobile-tall.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-mobile-tall.png
index fcf3afde5c51..9d3952b27c66 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-mobile-tall.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/course-management-page-with-new-instance-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-desktop-regular.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-desktop-regular.png
index 7a0767f8c195..eb5cf640f0ac 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-desktop-regular.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-mobile-tall.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-mobile-tall.png
index 34277216c58e..4d9986e2fa9f 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-mobile-tall.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/initial-course-management-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-desktop-regular.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-desktop-regular.png
index bd1c0fb1f23b..8340b42baa7f 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-desktop-regular.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-mobile-tall.png b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-mobile-tall.png
index 015ca721f70d..33b00eb554ae 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-mobile-tall.png and b/system-tests/src/__screenshots__/course-instance-management/course-instance-management.spec.ts/new-course-instance-form-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-desktop-regular.png b/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-desktop-regular.png
index d0551a1bffb3..e6620f2fb097 100644
Binary files a/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-desktop-regular.png and b/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-mobile-tall.png b/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-mobile-tall.png
index 732783a0bb30..151bfed7e8a6 100644
Binary files a/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-mobile-tall.png and b/system-tests/src/__screenshots__/course-language-versions.spec.ts/wrong-course-banner-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-desktop-regular.png b/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-desktop-regular.png
index 7c6c1ca7aaed..b8bc520ca4f0 100644
Binary files a/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-desktop-regular.png and b/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-mobile-tall.png b/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-mobile-tall.png
index 27e3008dc464..b68f3cb40e4e 100644
Binary files a/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-mobile-tall.png and b/system-tests/src/__screenshots__/course-list.spec.ts/course-listing-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-desktop-regular.png b/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-desktop-regular.png
index b8296c4e482e..49675f34ff3f 100644
Binary files a/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-desktop-regular.png and b/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-mobile-tall.png b/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-mobile-tall.png
index 8f9f73dde121..6d59816c9a8a 100644
Binary files a/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-mobile-tall.png and b/system-tests/src/__screenshots__/course-material/content-components-render.spec.ts/content-components-renderer-view-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-material/custom-iframe.spec.ts/custom-iframe-mobile-tall.png b/system-tests/src/__screenshots__/course-material/custom-iframe.spec.ts/custom-iframe-mobile-tall.png
index fb7e3f033ba4..4eb691e2e86c 100644
Binary files a/system-tests/src/__screenshots__/course-material/custom-iframe.spec.ts/custom-iframe-mobile-tall.png and b/system-tests/src/__screenshots__/course-material/custom-iframe.spec.ts/custom-iframe-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-desktop-regular.png b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-desktop-regular.png
index b458b080b1f4..672d33777690 100644
Binary files a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-desktop-regular.png and b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-mobile-tall.png b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-mobile-tall.png
index ab3884a54fb5..956a8da8972b 100644
Binary files a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-mobile-tall.png and b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/hidden-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-desktop-regular.png b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-desktop-regular.png
index 42df0cc2e87b..7fb50308b7d4 100644
Binary files a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-desktop-regular.png and b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-mobile-tall.png b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-mobile-tall.png
index 405429762a9c..4b9a2af5ba6d 100644
Binary files a/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-mobile-tall.png and b/system-tests/src/__screenshots__/course-material/find-hidden-page.spec.ts/top-level-pages-list-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-desktop-regular.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-desktop-regular.png
index c0b8241c7a8a..1060c610c478 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-desktop-regular.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-mobile-tall.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-mobile-tall.png
index c6c297971f39..b27ae4b9c8bc 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-mobile-tall.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-creating-new-module-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-desktop-regular.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-desktop-regular.png
index 1015ed5245d7..486671276212 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-desktop-regular.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-mobile-tall.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-mobile-tall.png
index fc39cacc0a8a..096dc3ea2694 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-mobile-tall.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-desktop-regular.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-desktop-regular.png
index 8f7bc555b597..d04d69ac4cba 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-desktop-regular.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-mobile-tall.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-mobile-tall.png
index 1c8e4575ba7f..52413efd158c 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-mobile-tall.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-deletion-reset-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-desktop-regular.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-desktop-regular.png
index 6006e34c5fbe..8fd98ebecc3c 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-desktop-regular.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-mobile-tall.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-mobile-tall.png
index d6eb4ad6cdd9..d04b0fd37020 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-mobile-tall.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-last-update-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-desktop-regular.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-desktop-regular.png
index d2abf5410425..7d09337b054c 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-desktop-regular.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-mobile-tall.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-mobile-tall.png
index ed52bcd8c0a6..fbdcdba4f264 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-mobile-tall.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-saving-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-desktop-regular.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-desktop-regular.png
index cdfe78bfd34e..10c40957a811 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-desktop-regular.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-mobile-tall.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-mobile-tall.png
index 45c55231e78f..3b011c3c4e41 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-mobile-tall.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/after-second-deletion-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-desktop-regular.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-desktop-regular.png
index 8cfd0ea498b6..7803a694b091 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-desktop-regular.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-mobile-tall.png b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-mobile-tall.png
index 724b91af8202..d9716fe06882 100644
Binary files a/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-mobile-tall.png and b/system-tests/src/__screenshots__/course-modules/course-modules.spec.ts/initial-module-management-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/draft.spec.ts/draft-course-desktop-regular.png b/system-tests/src/__screenshots__/draft.spec.ts/draft-course-desktop-regular.png
index 10494cd65845..5fda72e9b446 100644
Binary files a/system-tests/src/__screenshots__/draft.spec.ts/draft-course-desktop-regular.png and b/system-tests/src/__screenshots__/draft.spec.ts/draft-course-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/draft.spec.ts/draft-course-mobile-tall.png b/system-tests/src/__screenshots__/draft.spec.ts/draft-course-mobile-tall.png
index ef75ccd9fa88..773989dc790d 100644
Binary files a/system-tests/src/__screenshots__/draft.spec.ts/draft-course-mobile-tall.png and b/system-tests/src/__screenshots__/draft.spec.ts/draft-course-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-desktop-regular.png b/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-desktop-regular.png
index 4e66fb31b986..fbfbdb0eef98 100644
Binary files a/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-desktop-regular.png and b/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-mobile-tall.png b/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-mobile-tall.png
index 371d26d17770..121d9503d708 100644
Binary files a/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-mobile-tall.png and b/system-tests/src/__screenshots__/draft.spec.ts/non-draft-course-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-desktop-regular.png b/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-desktop-regular.png
index 633f5abb12de..287edeec4818 100644
Binary files a/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-desktop-regular.png and b/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-mobile-tall.png b/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-mobile-tall.png
index 7cbebc8b9026..436525711461 100644
Binary files a/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-mobile-tall.png and b/system-tests/src/__screenshots__/exercise-list.spec.ts/exercise-list-view-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-desktop-regular.png b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-desktop-regular.png
index ce441f4808fc..ad0c7689fc81 100644
Binary files a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-desktop-regular.png and b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-mobile-tall.png b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-mobile-tall.png
index 57d5f958f5b6..5c5c9899e9f1 100644
Binary files a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-mobile-tall.png and b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-empty-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-desktop-regular.png b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-desktop-regular.png
index 979d45c31586..14bc9cb5f834 100644
Binary files a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-desktop-regular.png and b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-mobile-tall.png b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-mobile-tall.png
index 3d586a975bf4..035904d9972a 100644
Binary files a/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-mobile-tall.png and b/system-tests/src/__screenshots__/feedback/feedback.spec.ts/feedback-unread-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-desktop-regular.png b/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-desktop-regular.png
index a8a7de43bab0..1891670c63a1 100644
Binary files a/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-desktop-regular.png and b/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-mobile-tall.png b/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-mobile-tall.png
index b1882fbda3bc..00868f013f2b 100644
Binary files a/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-mobile-tall.png and b/system-tests/src/__screenshots__/glossary-tooltip.spec.ts/glossary-tooltips-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-desktop-regular.png b/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-desktop-regular.png
index 984c389671f4..5518368c1cce 100644
Binary files a/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-desktop-regular.png and b/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-mobile-tall.png b/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-mobile-tall.png
index 9cef19ab24dc..d480702420bc 100644
Binary files a/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-mobile-tall.png and b/system-tests/src/__screenshots__/glossary.spec.ts/final-glossary-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-desktop-regular.png b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-desktop-regular.png
index 6ce5c6ea1076..25db77a99f2e 100644
Binary files a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-desktop-regular.png and b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-mobile-tall.png b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-mobile-tall.png
index ea0ec033e171..ef11d251cc6a 100644
Binary files a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-mobile-tall.png and b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-management-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-desktop-regular.png b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-desktop-regular.png
index c04f468eff3c..67cfa4260330 100644
Binary files a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-desktop-regular.png and b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-mobile-tall.png b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-mobile-tall.png
index 4ad651f0bfe8..40a1c6ed1e66 100644
Binary files a/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-mobile-tall.png and b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/gutenberg/spacer-not-breaking-editing.spec.ts/new-block-inserter-should-not-obscure-typing-caret-mobile-tall.png b/system-tests/src/__screenshots__/gutenberg/spacer-not-breaking-editing.spec.ts/new-block-inserter-should-not-obscure-typing-caret-mobile-tall.png
index 4b98410d2016..7fc498f351df 100644
Binary files a/system-tests/src/__screenshots__/gutenberg/spacer-not-breaking-editing.spec.ts/new-block-inserter-should-not-obscure-typing-caret-mobile-tall.png and b/system-tests/src/__screenshots__/gutenberg/spacer-not-breaking-editing.spec.ts/new-block-inserter-should-not-obscure-typing-caret-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-desktop-regular.png b/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-desktop-regular.png
index 9a3dd6c1f06f..f8751d8cf5b4 100644
Binary files a/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-desktop-regular.png and b/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-mobile-tall.png b/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-mobile-tall.png
index 735be26a9861..0a777abce327 100644
Binary files a/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-mobile-tall.png and b/system-tests/src/__screenshots__/headings-navigation.spec.ts/headings-navigation-open-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-desktop-regular.png b/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-desktop-regular.png
index 85cc1f97bcc5..4ba982f1f224 100644
Binary files a/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-desktop-regular.png and b/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-mobile-tall.png b/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-mobile-tall.png
index e643f431a84a..e53f9570f8fc 100644
Binary files a/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-mobile-tall.png and b/system-tests/src/__screenshots__/history/history.spec.ts/initial-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-desktop-regular.png b/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-desktop-regular.png
index 85cc1f97bcc5..4ba982f1f224 100644
Binary files a/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-desktop-regular.png and b/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-mobile-tall.png b/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-mobile-tall.png
index e643f431a84a..e53f9570f8fc 100644
Binary files a/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-mobile-tall.png and b/system-tests/src/__screenshots__/history/history.spec.ts/page-after-restore-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/latex.spec.ts/latex-desktop-regular.png b/system-tests/src/__screenshots__/latex.spec.ts/latex-desktop-regular.png
index 49594786c0e4..d0d6f78fb607 100644
Binary files a/system-tests/src/__screenshots__/latex.spec.ts/latex-desktop-regular.png and b/system-tests/src/__screenshots__/latex.spec.ts/latex-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/latex.spec.ts/latex-mobile-tall.png b/system-tests/src/__screenshots__/latex.spec.ts/latex-mobile-tall.png
index 158081ce50f5..6394cf9505af 100644
Binary files a/system-tests/src/__screenshots__/latex.spec.ts/latex-mobile-tall.png and b/system-tests/src/__screenshots__/latex.spec.ts/latex-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-desktop-regular.png b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-desktop-regular.png
index 097b6f10013e..7be6bb6eaf2e 100644
Binary files a/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-desktop-regular.png and b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-mobile-tall.png b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-mobile-tall.png
index 606789feb0d0..55449455bbd6 100644
Binary files a/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-mobile-tall.png and b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-top-of-the-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-desktop-regular.png b/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-desktop-regular.png
index c329a3f33180..d39d8ba918ca 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-desktop-regular.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-mobile-tall.png
index a74d03bc5cca..b3dbb6259d1b 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/add-new-material-reference-dialog-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/citation-paragraph-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/citation-paragraph-mobile-tall.png
index bfbf8f627291..18e6ac6bd630 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/citation-paragraph-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/citation-paragraph-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/closed-course-material-reference-list-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/closed-course-material-reference-list-mobile-tall.png
index ff7aba0bffbe..9da98e4cbe8a 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/closed-course-material-reference-list-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/closed-course-material-reference-list-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-desktop-regular.png b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-desktop-regular.png
index 843c73d1a2d5..4ee09cd4074c 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-desktop-regular.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-mobile-tall.png
index 65b1b7da9339..5370682a3697 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-edited-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-desktop-regular.png b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-desktop-regular.png
index 8878c5abc442..8a1dfffef786 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-desktop-regular.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-mobile-tall.png
index c7931c1f60f0..8f5c9ae7fbf3 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-editor-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-desktop-regular.png b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-desktop-regular.png
index 84b9b4ff99fd..f376e131ce69 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-desktop-regular.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-mobile-tall.png
index 7cbb72d8889f..c05675291d65 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/material-reference-list-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-desktop-regular.png b/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-desktop-regular.png
index ce076e5608ec..7fad0a8b7334 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-desktop-regular.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-mobile-tall.png
index 27e758319dd0..c584c796ce07 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/new-material-reference-added-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/material-reference.spec.ts/open-course-material-reference-list-mobile-tall.png b/system-tests/src/__screenshots__/material-reference.spec.ts/open-course-material-reference-list-mobile-tall.png
index db1d694804d9..e95df39bac84 100644
Binary files a/system-tests/src/__screenshots__/material-reference.spec.ts/open-course-material-reference-list-mobile-tall.png and b/system-tests/src/__screenshots__/material-reference.spec.ts/open-course-material-reference-list-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-desktop-regular.png b/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-desktop-regular.png
index cff75b2a4502..b84c0b25c23e 100644
Binary files a/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-desktop-regular.png and b/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-mobile-tall.png b/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-mobile-tall.png
index 27c44e03c88d..4a7b5b7c1fff 100644
Binary files a/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-mobile-tall.png and b/system-tests/src/__screenshots__/model-solution.spec.ts/model-solutions-in-exercises-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-desktop-regular.png
index 607406bd8ae1..9558882c1d29 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-desktop-regular.png and b/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-mobile-tall.png b/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-mobile-tall.png
index d73c3541c116..5c71c15446ba 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-mobile-tall.png and b/system-tests/src/__screenshots__/permissions.spec.ts/edited-permission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-desktop-regular.png
index a54c0db4bcf8..01ae2b75d2d0 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-desktop-regular.png and b/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-mobile-tall.png b/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-mobile-tall.png
index e4c2da95bf93..5f2e19fc9179 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-mobile-tall.png and b/system-tests/src/__screenshots__/permissions.spec.ts/editing-permission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-desktop-regular.png
index 53e32af9bf79..482c93420f96 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-desktop-regular.png and b/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-mobile-tall.png b/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-mobile-tall.png
index ba0730d76efa..a940d9cdcf48 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-mobile-tall.png and b/system-tests/src/__screenshots__/permissions.spec.ts/initial-permission-management-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-desktop-regular.png
index 607406bd8ae1..9558882c1d29 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-desktop-regular.png and b/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-mobile-tall.png b/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-mobile-tall.png
index d73c3541c116..5c71c15446ba 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-mobile-tall.png and b/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-desktop-regular.png
index 32665ad4bb31..b6465423e130 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-desktop-regular.png and b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-mobile-tall.png b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-mobile-tall.png
index 00455ad5da60..7e5756c1171f 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-mobile-tall.png and b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-email-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-desktop-regular.png
index 6f6b4d193140..74ce41dd90f0 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-desktop-regular.png and b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-mobile-tall.png b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-mobile-tall.png
index 00455ad5da60..7e5756c1171f 100644
Binary files a/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-mobile-tall.png and b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-desktop-regular.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-desktop-regular.png
index bb6c81fa748b..fe9ed7c1eebb 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-desktop-regular.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-mobile-tall.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-mobile-tall.png
index 8cff9fcf04e1..8ea21e992bfc 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-mobile-tall.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/after-changes-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-desktop-regular.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-desktop-regular.png
index ce6004675a95..56a897a1b55e 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-desktop-regular.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-mobile-tall.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-mobile-tall.png
index a6e480460ef8..f7f35d8593c4 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-mobile-tall.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-after-send-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-desktop-regular.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-desktop-regular.png
index f1b7f0756abb..ee7076057ce4 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-desktop-regular.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-mobile-tall.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-mobile-tall.png
index feab8159bbcc..ce4508f00700 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-mobile-tall.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-before-send-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-desktop-regular.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-desktop-regular.png
index ec9d94a9178f..a2c77885b1d9 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-desktop-regular.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-mobile-tall.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-mobile-tall.png
index 3c31a527f380..e2a096050677 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-mobile-tall.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/manage-old-after-send-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-desktop-regular.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-desktop-regular.png
index 14682fd7afd3..53d12d0f175e 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-desktop-regular.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-mobile-tall.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-mobile-tall.png
index b91361e56b18..1833a34c9cd5 100644
Binary files a/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-mobile-tall.png and b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-desktop-regular.png b/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-desktop-regular.png
index 752b80d3074c..33890e254f9f 100644
Binary files a/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-desktop-regular.png and b/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-mobile-tall.png b/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-mobile-tall.png
index 62616027761f..b5034b7a2138 100644
Binary files a/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-mobile-tall.png and b/system-tests/src/__screenshots__/query-mutation-notifications/error-notification.spec.ts/error-notification-test-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-desktop-regular.png b/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-desktop-regular.png
index 6d7bb5aebfe9..1d159f611648 100644
Binary files a/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-desktop-regular.png and b/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-mobile-tall.png b/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-mobile-tall.png
index 21ecae3d01bb..0f385bd36059 100644
Binary files a/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-mobile-tall.png and b/system-tests/src/__screenshots__/query-mutation-notifications/success-notification.spec.ts/success-notification-test-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-correct-answer-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-correct-answer-mobile-tall.png
index d06c9453b571..1fe1aca53adb 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-correct-answer-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-correct-answer-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-mobile-tall.png
index a1d8c7723152..37e6832f67ee 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-mobile-tall.png
index b1be087cefa0..78d974c634d2 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-after-correct-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-after-correct-mobile-tall.png
index a28fc948f76a..179871f626b2 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-after-correct-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-after-correct-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-mobile-tall.png
index 10a09ab1e40e..0a09f588f833 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-correct-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-correct-mobile-tall.png
index 56ca57bcfea2..05c1fcc7cd5d 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-correct-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-correct-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-incorrect-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-incorrect-mobile-tall.png
index 0f9bec36a3da..8c0d7e9abd28 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-incorrect-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-incorrect-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/scale.spec.ts/scale-feedback-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/scale.spec.ts/scale-feedback-mobile-tall.png
index 63ad05827838..36fa9c1cf78a 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/scale.spec.ts/scale-feedback-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/scale.spec.ts/scale-feedback-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-initial-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-initial-mobile-tall.png
index ae2fdc3391c4..5fc3ca2126ec 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-initial-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-initial-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-filled-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-filled-mobile-tall.png
index d7990d0f7879..46d790b6b8b7 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-filled-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-filled-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-initial-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-initial-mobile-tall.png
index 7d968b0265e2..7f22a3bab78b 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-initial-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/vector.spec.ts/vector-initial-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-list-desktop-regular.png b/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-list-desktop-regular.png
index 8c033105c2fe..1a099dd6f890 100644
Binary files a/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-list-desktop-regular.png and b/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-list-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-menu-desktop-regular.png b/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-menu-desktop-regular.png
index adbbb8bcb5e5..564b23b028e3 100644
Binary files a/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-menu-desktop-regular.png and b/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-menu-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-properties-desktop-regular.png b/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-properties-desktop-regular.png
index 724c0529380b..66efbac30c5b 100644
Binary files a/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-properties-desktop-regular.png and b/system-tests/src/__screenshots__/sidebar-toggle.spec.ts/block-properties-desktop-regular.png differ