diff --git a/services/cms/src/blocks/ExerciseTask/ExerciseTaskEditor.tsx b/services/cms/src/blocks/ExerciseTask/ExerciseTaskEditor.tsx
index 0c3057f7f2ee..40b994af1b1f 100644
--- a/services/cms/src/blocks/ExerciseTask/ExerciseTaskEditor.tsx
+++ b/services/cms/src/blocks/ExerciseTask/ExerciseTaskEditor.tsx
@@ -1,7 +1,6 @@
 import { css, cx } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faPenSquare, faTrashAlt, faWindowClose } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { PencilBox, Trash, XmarkCircle } from "@vectopus/atlas-icons-react"
 import { InnerBlocks } from "@wordpress/block-editor"
 import { BlockEditProps } from "@wordpress/blocks"
 import React, { useContext, useState } from "react"
@@ -56,20 +55,6 @@ const gray500WithHover = css`
   }
 `
 
-// eslint-disable-next-line i18next/no-literal-string
-const StyledIconDark = styled(FontAwesomeIcon)`
-  font-size: 1rem;
-  color: ${baseTheme.colors.gray[700]};
-  margin: 1.5rem;
-`
-
-// eslint-disable-next-line i18next/no-literal-string
-const StyledIconLight = styled(FontAwesomeIcon)`
-  font-size: 1rem;
-  color: ${baseTheme.colors.gray[100]};
-  margin: 1.5rem;
-`
-
 export interface ExerciseTaskAttributes {
   id: string
   exercise_type: string
@@ -155,7 +140,23 @@ const ExerciseTaskEditor: React.FC<
             tabIndex={0}
             aria-label={attributes.show_editor ? t("close") : t("edit")}
           >
-            <StyledIconLight icon={attributes.show_editor ? faWindowClose : faPenSquare} />
+            {attributes.show_editor ? (
+              <XmarkCircle
+                size={16}
+                className={css`
+                  color: ${baseTheme.colors.gray[100]};
+                  margin: 1.5rem;
+                `}
+              />
+            ) : (
+              <PencilBox
+                size={16}
+                className={css`
+                  color: ${baseTheme.colors.gray[100]};
+                  margin: 1.5rem;
+                `}
+              />
+            )}
           </div>
           <div
             className={cx(svgSquare, gray400WithHover)}
@@ -165,7 +166,13 @@ const ExerciseTaskEditor: React.FC<
             tabIndex={0}
             aria-label={t("delete")}
           >
-            <StyledIconDark icon={faTrashAlt} />
+            <Trash
+              size={16}
+              className={css`
+                color: ${baseTheme.colors.gray[700]};
+                margin: 1.5rem;
+              `}
+            />
           </div>
         </div>
       </div>
diff --git a/services/cms/src/components/editors/EmailEditor.tsx b/services/cms/src/components/editors/EmailEditor.tsx
index 3330daa87c07..2aa7c63d09db 100644
--- a/services/cms/src/components/editors/EmailEditor.tsx
+++ b/services/cms/src/components/editors/EmailEditor.tsx
@@ -1,5 +1,5 @@
-import SaveIcon from "@mui/icons-material/Save"
 import LoadingButton from "@mui/lab/LoadingButton"
+import { FloppyDiskSave } from "@vectopus/atlas-icons-react"
 import { BlockInstance } from "@wordpress/blocks"
 import dynamic from "next/dynamic"
 import React, { useContext, useState } from "react"
@@ -79,7 +79,7 @@ const EmailEditor: React.FC<React.PropsWithChildren<EmailEditorProps>> = ({
           <LoadingButton
             // eslint-disable-next-line i18next/no-literal-string
             loadingPosition="start"
-            startIcon={<SaveIcon />}
+            startIcon={<FloppyDiskSave size={15} />}
             loading={saving}
             onClick={handleOnSave}
           >
diff --git a/services/cms/src/components/editors/ExamsInstructionsEditor.tsx b/services/cms/src/components/editors/ExamsInstructionsEditor.tsx
index 588d4dee5456..7a4bde9b841f 100644
--- a/services/cms/src/components/editors/ExamsInstructionsEditor.tsx
+++ b/services/cms/src/components/editors/ExamsInstructionsEditor.tsx
@@ -1,5 +1,5 @@
-import SaveIcon from "@mui/icons-material/Save"
 import LoadingButton from "@mui/lab/LoadingButton"
+import { FloppyDiskSave } from "@vectopus/atlas-icons-react"
 import { BlockInstance } from "@wordpress/blocks"
 import dynamic from "next/dynamic"
 import React, { useState } from "react"
@@ -68,7 +68,7 @@ const ExamsInstructionsEditor: React.FC<React.PropsWithChildren<ExamsInstruction
           <LoadingButton
             // eslint-disable-next-line i18next/no-literal-string
             loadingPosition="start"
-            startIcon={<SaveIcon />}
+            startIcon={<FloppyDiskSave size={15} />}
             loading={saving}
             onClick={handleOnSave}
           >
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/ExerciseTask.tsx b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/ExerciseTask.tsx
index f2492996583c..034a3f1ec9ec 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/ExerciseTask.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/ExerciseTask.tsx
@@ -1,6 +1,5 @@
 import { css } from "@emotion/css"
-import { faCircleInfo as infoIcon } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { InfoCircle } from "@vectopus/atlas-icons-react"
 import React, { useContext } from "react"
 import { useTranslation } from "react-i18next"
 
@@ -90,7 +89,7 @@ const ExerciseTask: React.FC<React.PropsWithChildren<ExerciseTaskProps>> = ({
             }
           `}
         >
-          <FontAwesomeIcon icon={infoIcon} />
+          <InfoCircle size={20} />
           {feedbackText}
         </div>
       )}
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/index.tsx b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/index.tsx
index 51a49ba2ffb0..5338424dac80 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/index.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/index.tsx
@@ -3,7 +3,7 @@ import styled from "@emotion/styled"
 import { faQuestion as infoIcon } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { useQuery, useQueryClient } from "@tanstack/react-query"
-import CheckIcon from "humbleicons/icons/check.svg"
+import { CheckCircle } from "@vectopus/atlas-icons-react"
 import { produce } from "immer"
 import { useContext, useId, useReducer, useState } from "react"
 import { useTranslation } from "react-i18next"
@@ -474,8 +474,8 @@ const ExerciseBlock: React.FC<
                         padding: 0.7rem 1rem;
                         margin: 1rem 0;
                         border: 1px solid ${baseTheme.colors.green[300]};
-
                         display: flex;
+                        align-items: center;
 
                         svg {
                           width: 80px;
@@ -483,7 +483,8 @@ const ExerciseBlock: React.FC<
                         }
                       `}
                     >
-                      <CheckIcon />
+                      <CheckCircle size={30} />
+
                       <div>{t("exam-submission-has-been-saved-help-text")}</div>
                     </div>
                   )}
diff --git a/services/course-material/src/components/HeadingsNavigation.tsx b/services/course-material/src/components/HeadingsNavigation.tsx
index e0cf5a76dd32..cc2be673d3c6 100644
--- a/services/course-material/src/components/HeadingsNavigation.tsx
+++ b/services/course-material/src/components/HeadingsNavigation.tsx
@@ -1,7 +1,6 @@
 import { css } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faArrowLeft, faArrowRight } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { ArrowLeft, ArrowRight } from "@vectopus/atlas-icons-react"
 import { maxBy, minBy } from "lodash"
 import { useCallback, useContext, useEffect, useRef, useState } from "react"
 import { useTranslation } from "react-i18next"
@@ -341,7 +340,11 @@ const HeadingsNavigation: React.FC<React.PropsWithChildren<HeadingsNavigationPro
           }
         `}
       >
-        <FontAwesomeIcon icon={realCollapsed ? faArrowLeft : faArrowRight} />
+        {realCollapsed ? (
+          <ArrowLeft size={16} weight="bold" />
+        ) : (
+          <ArrowRight size={16} weight="bold" />
+        )}
       </button>
     </>
   )
diff --git a/services/course-material/src/components/SearchDialog.tsx b/services/course-material/src/components/SearchDialog.tsx
index 37b24b8b06fc..b20be6097ecb 100644
--- a/services/course-material/src/components/SearchDialog.tsx
+++ b/services/course-material/src/components/SearchDialog.tsx
@@ -1,7 +1,6 @@
 import { css, cx } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faXmark as closeIcon, faSearch } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { MagnifyingGlass, XmarkCircle } from "@vectopus/atlas-icons-react"
 import Link from "next/link"
 import React, { useEffect, useMemo, useState } from "react"
 import { useTranslation } from "react-i18next"
@@ -31,6 +30,8 @@ const HeaderBar = styled.div`
 `
 
 const StyledIcon = css`
+  right: -8px;
+  bottom: -2px;
   :hover {
     cursor: pointer;
   }
@@ -106,24 +107,20 @@ const SearchDialog: React.FC<React.PropsWithChildren<SearchDialogProps>> = ({
     setOpen(true)
   }
 
-  const openModalOnEnter = (event: React.KeyboardEvent<SVGSVGElement>) => {
-    if (event.key == "Enter") {
-      setOpen(true)
-    }
-  }
-
   return (
     <>
-      <FontAwesomeIcon
+      <Button
         tabIndex={0}
         id="search-for-pages-button"
         className={cx(StyledIcon)}
-        icon={faSearch}
         aria-label={t("button-label-search-for-pages")}
         aria-hidden={false}
+        size="small"
+        variant="icon"
         onClick={openModal}
-        onKeyPress={openModalOnEnter}
-      />
+      >
+        <MagnifyingGlass size={16} weight="bold" />
+      </Button>
       <Dialog open={open} onClose={closeModal} noPadding aria-labelledby="search-for-pages-button">
         <div
           className={css`
@@ -138,18 +135,18 @@ const SearchDialog: React.FC<React.PropsWithChildren<SearchDialogProps>> = ({
             `}
           >
             <HeaderBar>
-              <FontAwesomeIcon
+              <MagnifyingGlass
+                weight="bold"
                 className={css`
                   margin-right: -23px;
                   z-index: 2;
                   font-size: 22px;
                   position: relative;
-                  right: -9px;
+                  right: -8px;
                   color: ${baseTheme.colors.gray[400]};
                 `}
-                icon={faSearch}
-                aria-label={t("button-label-search-for-pages")}
               />
+
               <input
                 className={css`
                   display: flex;
@@ -184,7 +181,7 @@ const SearchDialog: React.FC<React.PropsWithChildren<SearchDialogProps>> = ({
                 aria-label={t("close")}
                 onClick={closeModal}
               >
-                <FontAwesomeIcon icon={closeIcon} />
+                <XmarkCircle />
               </Button>
             </HeaderBar>
             <div
diff --git a/services/main-frontend/src/components/PermissionPage.tsx b/services/main-frontend/src/components/PermissionPage.tsx
index ee33cf765765..8b42cb38e30c 100644
--- a/services/main-frontend/src/components/PermissionPage.tsx
+++ b/services/main-frontend/src/components/PermissionPage.tsx
@@ -1,6 +1,7 @@
 import { css } from "@emotion/css"
-import { Check, Clear, Create, ExpandMore } from "@mui/icons-material"
+import { ExpandMore } from "@mui/icons-material"
 import { useQuery } from "@tanstack/react-query"
+import { CheckCircle, Pencil, XmarkCircle } from "@vectopus/atlas-icons-react"
 import { t as globalT, TFunction } from "i18next"
 import { useRouter } from "next/router"
 import React, { useState } from "react"
@@ -296,7 +297,7 @@ export const PermissionPage: React.FC<React.PropsWithChildren<Props>> = ({ domai
                         `}
                         onClick={() => setEditingRole({ userId: ur.id, newRole: ur.role })}
                       >
-                        <Create />
+                        <Pencil />
                       </button>
                       <button
                         aria-label={t("remove-role")}
@@ -308,7 +309,7 @@ export const PermissionPage: React.FC<React.PropsWithChildren<Props>> = ({ domai
                         `}
                         onClick={() => removeMutation.mutate({ email: ur.email, role: ur.role })}
                       >
-                        <Clear />
+                        <XmarkCircle />
                       </button>
                     </td>
                   </>
@@ -344,7 +345,7 @@ export const PermissionPage: React.FC<React.PropsWithChildren<Props>> = ({ domai
                           setEditingRole(null)
                         }}
                       >
-                        <Check />
+                        <CheckCircle />
                       </button>{" "}
                       <button
                         aria-label={t("cancel-editing-role")}
@@ -356,7 +357,7 @@ export const PermissionPage: React.FC<React.PropsWithChildren<Props>> = ({ domai
                         `}
                         onClick={() => setEditingRole(null)}
                       >
-                        <Clear />
+                        <XmarkCircle />
                       </button>
                     </td>
                   </>
diff --git a/services/main-frontend/src/components/page-specific/manage/exercise-services/ExerciseServiceCard.tsx b/services/main-frontend/src/components/page-specific/manage/exercise-services/ExerciseServiceCard.tsx
index a3e8fe5c4e60..27b565fbdc64 100644
--- a/services/main-frontend/src/components/page-specific/manage/exercise-services/ExerciseServiceCard.tsx
+++ b/services/main-frontend/src/components/page-specific/manage/exercise-services/ExerciseServiceCard.tsx
@@ -1,8 +1,13 @@
 import { css } from "@emotion/css"
-import DoneIcon from "@mui/icons-material/Done"
-import ErrorIcon from "@mui/icons-material/Error"
 import { QueryObserverResult } from "@tanstack/react-query"
-import { FloppyDiskSave, Pencil, Trash, XmarkCircle } from "@vectopus/atlas-icons-react"
+import {
+  BellXmark,
+  CheckCircle,
+  FloppyDiskSave,
+  Pencil,
+  Trash,
+  XmarkCircle,
+} from "@vectopus/atlas-icons-react"
 import { useState } from "react"
 import { useTranslation } from "react-i18next"
 
@@ -172,9 +177,9 @@ const ExerciseServiceCard: React.FC<React.PropsWithChildren<ExerciseServiceCardP
                 {status == UpdateStatus.none ? (
                   <FloppyDiskSave size={20} />
                 ) : status == UpdateStatus.saved ? (
-                  <DoneIcon />
+                  <CheckCircle size={20} />
                 ) : (
-                  <ErrorIcon />
+                  <BellXmark size={20} />
                 )}
               </Button>
               <Button
diff --git a/services/main-frontend/src/pages/email-verified.tsx b/services/main-frontend/src/pages/email-verified.tsx
index 0dd15cd1c350..41f9eb5dfd23 100644
--- a/services/main-frontend/src/pages/email-verified.tsx
+++ b/services/main-frontend/src/pages/email-verified.tsx
@@ -1,6 +1,5 @@
 import { css } from "@emotion/css"
-import { faCheck as icon } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { Envelope } from "@vectopus/atlas-icons-react"
 import Link from "next/link"
 import { useTranslation } from "react-i18next"
 
@@ -23,13 +22,12 @@ const EmailVerifiedPage: React.FC<React.PropsWithChildren<unknown>> = () => {
         `}
       >
         <h1>
-          <FontAwesomeIcon
-            icon={icon}
+          <Envelope
             className={css`
               color: ${baseTheme.colors.green[500]};
               margin-right: 0.5rem;
             `}
-          />{" "}
+          />
           {t("message-your-email-has-been-verified")}
         </h1>
       </div>
diff --git a/services/main-frontend/src/pages/playground-views.tsx b/services/main-frontend/src/pages/playground-views.tsx
index 72417185975e..c498e428a928 100644
--- a/services/main-frontend/src/pages/playground-views.tsx
+++ b/services/main-frontend/src/pages/playground-views.tsx
@@ -1,10 +1,8 @@
 import { css } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { isServer, useQuery } from "@tanstack/react-query"
+import { BellXmark, CheckCircle, MoveUpDownArrows } from "@vectopus/atlas-icons-react"
 import axios from "axios"
-import ArrowsVertical from "humbleicons/icons/arrows-vertical.svg"
 import _ from "lodash"
 import React, { useEffect, useState } from "react"
 import { useForm } from "react-hook-form"
@@ -390,14 +388,12 @@ const IframeViewPlayground: React.FC<React.PropsWithChildren<unknown>> = () => {
                   padding-left: 1rem;
                 `}
               >
-                <FontAwesomeIcon
-                  icon={isValidServiceInfo ? faCheck : faXmark}
-                  className={css`
-                    color: ${isValidServiceInfo
-                      ? baseTheme.colors.green[400]
-                      : baseTheme.colors.red[500]};
-                  `}
-                />
+                {isValidServiceInfo ? (
+                  <CheckCircle color={baseTheme.colors.green[400]} size={16} />
+                ) : (
+                  <BellXmark color={baseTheme.colors.red[500]} size={16} />
+                )}
+
                 <span
                   className={css`
                     margin: 0 0.5rem;
@@ -887,7 +883,7 @@ const IframeViewPlayground: React.FC<React.PropsWithChildren<unknown>> = () => {
               align-items: center;
             `}
           >
-            <ArrowsVertical />
+            <MoveUpDownArrows />
             <select
               name="pets"
               id="pet-select"
diff --git a/services/main-frontend/src/pages/signup.tsx b/services/main-frontend/src/pages/signup.tsx
index f7484b8c7033..aedca6db3494 100644
--- a/services/main-frontend/src/pages/signup.tsx
+++ b/services/main-frontend/src/pages/signup.tsx
@@ -1,7 +1,6 @@
 import { css } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faEnvelope as emailIcon } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { Envelope } from "@vectopus/atlas-icons-react"
 import { useRouter } from "next/router"
 import { useContext, useEffect, useState } from "react"
 import { useForm } from "react-hook-form"
@@ -186,8 +185,8 @@ const CreateAccountForm: React.FC<React.PropsWithChildren<unknown>> = () => {
             align-items: center;
           `}
         >
-          <FontAwesomeIcon
-            icon={emailIcon}
+          <Envelope
+            size={32}
             className={css`
               font-size: 2rem;
               margin-right: 1rem;
diff --git a/services/quizzes/src/components/QuizV2/QuizComponents/timeline/TimelineContent.tsx b/services/quizzes/src/components/QuizV2/QuizComponents/timeline/TimelineContent.tsx
index efbb12715bfa..9a082c861703 100644
--- a/services/quizzes/src/components/QuizV2/QuizComponents/timeline/TimelineContent.tsx
+++ b/services/quizzes/src/components/QuizV2/QuizComponents/timeline/TimelineContent.tsx
@@ -2,6 +2,7 @@ import { css, cx } from "@emotion/css"
 import styled from "@emotion/styled"
 import { faXmark } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { XmarkCircle } from "@vectopus/atlas-icons-react"
 import React from "react"
 import { useForm } from "react-hook-form"
 import { useTranslation } from "react-i18next"
@@ -240,7 +241,7 @@ const TimelineContent: React.FC<React.PropsWithChildren<TimelineContentProps>> =
                     })
                   }}
                 >
-                  <FontAwesomeIcon icon={faXmark} />
+                  <XmarkCircle />{" "}
                 </DeleteBtn>
               </ButtonWrapper>
             </List>
diff --git a/shared-module/src/components/Button.tsx b/shared-module/src/components/Button.tsx
index c7978c1075be..307aceb11da6 100644
--- a/shared-module/src/components/Button.tsx
+++ b/shared-module/src/components/Button.tsx
@@ -93,10 +93,14 @@ export const IconButtonStyles = (props: ButtonProps) => {
   const ICON_BUTTON_STYLES = `
     text-transform: ${props.transform};
     padding: ${theme.buttonSizes[props.size].padding};
-
-    color: #000000;
+    color: black;
     background: none;
     border: 0px;
+
+    &:hover, &:active, &:disabled {
+      background: none;
+    }
+
   `
   return ICON_BUTTON_STYLES
 }
diff --git a/shared-module/src/components/DropdownMenu/index.tsx b/shared-module/src/components/DropdownMenu/index.tsx
index 227ebf1c5f7c..340e0ac84939 100644
--- a/shared-module/src/components/DropdownMenu/index.tsx
+++ b/shared-module/src/components/DropdownMenu/index.tsx
@@ -1,6 +1,5 @@
 import { css } from "@emotion/css"
-import { faEllipsisV } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { DotsVertical } from "@vectopus/atlas-icons-react"
 import React, { useCallback, useEffect, useState } from "react"
 import { useTranslation } from "react-i18next"
 import { usePopper } from "react-popper"
@@ -98,7 +97,7 @@ const DropdownMenu: React.FC<
         `}
         aria-label={expanded ? t("close") : t("dropdown-menu")}
       >
-        <FontAwesomeIcon icon={faEllipsisV} />
+        <DotsVertical size={16} weight="bold" />
       </button>
       {expanded && (
         <div
diff --git a/shared-module/src/components/GenericInfobox.tsx b/shared-module/src/components/GenericInfobox.tsx
index cee7d849a261..394f64472b1a 100644
--- a/shared-module/src/components/GenericInfobox.tsx
+++ b/shared-module/src/components/GenericInfobox.tsx
@@ -1,6 +1,5 @@
 import { css } from "@emotion/css"
-import { faInfoCircle as icon } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { InfoCircle } from "@vectopus/atlas-icons-react"
 
 import { baseTheme } from "../styles"
 
@@ -17,8 +16,7 @@ const GenericInfobox: React.FC<React.PropsWithChildren<React.PropsWithChildren<u
         align-items: center;
       `}
     >
-      <FontAwesomeIcon
-        icon={icon}
+      <InfoCircle
         className={css`
           color: ${baseTheme.colors.blue[500]};
           margin-right: 0.5rem;
diff --git a/shared-module/src/components/Notifications/Delete.tsx b/shared-module/src/components/Notifications/Delete.tsx
index b0a57b303ec8..e5d4073e4a20 100644
--- a/shared-module/src/components/Notifications/Delete.tsx
+++ b/shared-module/src/components/Notifications/Delete.tsx
@@ -1,7 +1,5 @@
-import { css } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faTimesCircle } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { BellXmark } from "@vectopus/atlas-icons-react"
 import toast from "react-hot-toast"
 import { useTranslation } from "react-i18next"
 
@@ -94,12 +92,7 @@ const DeleteNotification = (props: DeleteNotificationProps) => {
     <NotificationWrapper className="toast-notification">
       <Content>
         <IconWrapper>
-          <FontAwesomeIcon
-            className={css`
-              color: ${baseTheme.colors.green[600]};
-            `}
-            icon={faTimesCircle}
-          />
+          <BellXmark color={baseTheme.colors.red[700]} size={20} />
         </IconWrapper>
         <TextWrapper role="alert">
           <DeleteHeader>{props.header ?? t("default-toast-delete-title")}</DeleteHeader>
diff --git a/shared-module/src/components/Notifications/Error.tsx b/shared-module/src/components/Notifications/Error.tsx
index efb21b44d622..c30bbd8ce490 100644
--- a/shared-module/src/components/Notifications/Error.tsx
+++ b/shared-module/src/components/Notifications/Error.tsx
@@ -1,7 +1,5 @@
-import { css } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faTimesCircle } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { BellXmark } from "@vectopus/atlas-icons-react"
 import toast from "react-hot-toast"
 import { useTranslation } from "react-i18next"
 
@@ -96,12 +94,7 @@ const ErrorNotification = (props: ErrorNotificationProps) => {
     <NotificationWrapper className="toast-notification">
       <Content>
         <IconWrapper>
-          <FontAwesomeIcon
-            className={css`
-              color: ${baseTheme.colors.red[700]};
-            `}
-            icon={faTimesCircle}
-          />
+          <BellXmark color={baseTheme.colors.red[700]} />
         </IconWrapper>
         {/* eslint-disable-next-line i18next/no-literal-string */}
         <TextWrapper role="alert" aria-live="assertive">
diff --git a/shared-module/src/components/Notifications/Success.tsx b/shared-module/src/components/Notifications/Success.tsx
index 67b5106750a7..d33ad2a397c1 100644
--- a/shared-module/src/components/Notifications/Success.tsx
+++ b/shared-module/src/components/Notifications/Success.tsx
@@ -1,7 +1,5 @@
-import { css } from "@emotion/css"
 import styled from "@emotion/styled"
-import { faCheck } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { CheckCircle } from "@vectopus/atlas-icons-react"
 import toast from "react-hot-toast"
 import { useTranslation } from "react-i18next"
 
@@ -94,12 +92,7 @@ const SuccessNotification = (props: SuccessNotificationProps) => {
     <NotificationWrapper className="toast-notification">
       <Content>
         <IconWrapper>
-          <FontAwesomeIcon
-            className={css`
-              color: ${baseTheme.colors.green[600]};
-            `}
-            icon={faCheck}
-          />
+          <CheckCircle color={baseTheme.colors.green[600]} size={20} />
         </IconWrapper>
         <TextWrapper role="alert">
           <SuccessHeader>{props.header ?? t("default-toast-success-title")}</SuccessHeader>
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 0805b8f1d266..9ebd3af15edb 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 7d4a1df72034..e53d1d0255e2 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-registration-page-desktop-regular.png b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-registration-page-desktop-regular.png
index db361caa86f7..142e54205ea7 100644
Binary files a/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-registration-page-desktop-regular.png and b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-registration-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-registration-page-mobile-tall.png b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-registration-page-mobile-tall.png
index 7fa76f995b21..4e6c247c25af 100644
Binary files a/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-registration-page-mobile-tall.png and b/system-tests/src/__screenshots__/automatic-completion.spec.ts/automatic-completion-registration-page-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-desktop-regular.png b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-desktop-regular.png
index 696dd61e9a2a..ed119f19b875 100644
Binary files a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-desktop-regular.png and b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-mobile-tall.png b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-mobile-tall.png
index 9b01b27aead8..65f871a6824b 100644
Binary files a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-mobile-tall.png and b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-eng-to-fi-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-desktop-regular.png b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-desktop-regular.png
index 92998d499c2c..b29e0065d200 100644
Binary files a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-desktop-regular.png and b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-mobile-tall.png b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-mobile-tall.png
index 0defa286b28a..6771eb666e7e 100644
Binary files a/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-mobile-tall.png and b/system-tests/src/__screenshots__/change-course-language.spec.ts/course-lang-selection-fi-to-eng-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 2acb64f99209..43926d376b00 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 587d4f90ed7d..24b406cd67cc 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 d2e79b85df36..04133c6f1ef9 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 0787eaa8b751..3b2a99f6fcc0 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/add-completions.spec.ts/manual-completion-after-posting-completions-desktop-regular.png b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-after-posting-completions-desktop-regular.png
index e4753c34fcf5..55fe1b859e34 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-after-posting-completions-desktop-regular.png and b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-after-posting-completions-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-after-posting-completions-mobile-tall.png b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-after-posting-completions-mobile-tall.png
index 8ace9024c6a6..2bf0ccfb755c 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-after-posting-completions-mobile-tall.png and b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-after-posting-completions-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-desktop-regular.png b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-desktop-regular.png
index 710965530a3e..ec491b0b1d4f 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-desktop-regular.png and b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-mobile-tall.png b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-mobile-tall.png
index 1b446864b00e..5e728df4e3a3 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-mobile-tall.png and b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-another-module-preview-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-desktop-regular.png b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-desktop-regular.png
index b840e4573895..200e25fe46b2 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-desktop-regular.png and b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-mobile-tall.png b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-mobile-tall.png
index 21562c749fd8..04746895cfe1 100644
Binary files a/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-mobile-tall.png and b/system-tests/src/__screenshots__/course-instance-management/add-completions.spec.ts/manual-completion-default-module-preview-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 e8812965b902..7e6bdfd79b6f 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 9473305ecd88..979ccc8131ef 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-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 5c5017b78084..0941ebec76fe 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 f517e40b9db5..26de957534a8 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-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 3d9192003821..7544bcd50cb0 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 28c73efad943..77206b786747 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__/exams/taking-exam.spec.ts/exam-exercise-answered-desktop-regular.png b/system-tests/src/__screenshots__/exams/taking-exam.spec.ts/exam-exercise-answered-desktop-regular.png
index f08c1c1d3907..d5c61e6f8382 100644
Binary files a/system-tests/src/__screenshots__/exams/taking-exam.spec.ts/exam-exercise-answered-desktop-regular.png and b/system-tests/src/__screenshots__/exams/taking-exam.spec.ts/exam-exercise-answered-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/exams/taking-exam.spec.ts/exam-exercise-answered-mobile-tall.png b/system-tests/src/__screenshots__/exams/taking-exam.spec.ts/exam-exercise-answered-mobile-tall.png
index 9d7ffc1158cf..a8c57e6eeec3 100644
Binary files a/system-tests/src/__screenshots__/exams/taking-exam.spec.ts/exam-exercise-answered-mobile-tall.png and b/system-tests/src/__screenshots__/exams/taking-exam.spec.ts/exam-exercise-answered-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 152e7efd1bdc..02b3d03aa997 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 3185cff7a063..8b0c611dddde 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 5383d086d009..26c41e1de262 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 27175ffe390d..03169de354ff 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-page-desktop-regular.png b/system-tests/src/__screenshots__/glossary.spec.ts/initial-glossary-page-desktop-regular.png
index ff8b029f6bed..3890d0b1aef7 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 0514e2a524ac..ed021d9c35dc 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__/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 6a157440e6f9..abe37182bba2 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 c6e244bd97bf..c7a11f55c8ae 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 4fc1981e42cb..5225dfa3cf32 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 7b89eabf4205..17dc2545bf09 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 4fc1981e42cb..5225dfa3cf32 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 7b89eabf4205..17dc2545bf09 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 7c775fbe85c0..278900952b06 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 d0f3ac9a64ba..5f4487e6fd75 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-middle-of-the-page-desktop-regular.png b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-middle-of-the-page-desktop-regular.png
index f9276c48550d..c2be468bbfff 100644
Binary files a/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-middle-of-the-page-desktop-regular.png and b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-middle-of-the-page-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-middle-of-the-page-mobile-tall.png b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-middle-of-the-page-mobile-tall.png
index 6d4590545185..985ae676caee 100644
Binary files a/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-middle-of-the-page-mobile-tall.png and b/system-tests/src/__screenshots__/manage-course-structure.spec.ts/manage-course-structure-middle-of-the-page-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 cbe5fec8c9b5..ac55239c1327 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__/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 98ca0df13243..aeae13ba6bce 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 672a1263cdc6..30ac2d0e92cf 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__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-desktop-regular.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-desktop-regular.png
index 68f9708f4088..324dd8872d1f 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-desktop-regular.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-mobile-tall.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-mobile-tall.png
index 3fe2eeb80de2..b79ebc779850 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-mobile-tall.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/after-answering-resubmitting-test-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-desktop-regular.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-desktop-regular.png
index 396c896934fc..2a9613845f78 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-desktop-regular.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-mobile-tall.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-mobile-tall.png
index 0a219fdd2a87..d1157e7242e9 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-mobile-tall.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-after-answering-resubmitting-test-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-before-answering-resubmitting-test-desktop-regular.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-before-answering-resubmitting-test-desktop-regular.png
index 0c3fc78e21a5..ae690d30a5fb 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-before-answering-resubmitting-test-desktop-regular.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/enable-resubmitting.spec.ts/resubmit-before-answering-resubmitting-test-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-desktop-regular.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-desktop-regular.png
index 6e63d07bc211..bb8b872dbcc4 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-desktop-regular.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-mobile-tall.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-mobile-tall.png
index 06fbd4da8a92..9d2585ef8571 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-mobile-tall.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/correct-answer-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-desktop-regular.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-desktop-regular.png
index ca08b45c6965..d6e4613d80fd 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-desktop-regular.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-mobile-tall.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-mobile-tall.png
index 26c4d0160940..a939b761f480 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-mobile-tall.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/only-third-correct-score-stays-same-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-desktop-regular.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-desktop-regular.png
index f53074f3f662..50ea6ca8d06d 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-desktop-regular.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-mobile-tall.png b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-mobile-tall.png
index 7d39742d6232..39d4992e749c 100644
Binary files a/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-mobile-tall.png and b/system-tests/src/__screenshots__/multiple-tasks-exercise-tests/multiple-task-exercise.spec.ts/two-out-of-three-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-desktop-regular.png
index 9bed9aafc7a7..b6b9d8c7b990 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-mobile-tall.png
index 3efc4e58f69c..c84ddec2b98e 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-not-seeing-score-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-desktop-regular.png
index 9bed9aafc7a7..b6b9d8c7b990 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-mobile-tall.png
index 3efc4e58f69c..c84ddec2b98e 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-1-seeing-score-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-desktop-regular.png
index d4a0f4fa6c3e..17b14be415de 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-mobile-tall.png
index 7529a793cb09..04dd46344c20 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-manual-review-by-average.spec.ts/student-2-seeing-score-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-desktop-regular.png
index e87b0bf4eda7..03522e1ac30f 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-mobile-tall.png
index 6176cd7a4d75..f21f1700215b 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-peer-review-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-desktop-regular.png
index bcc7fcf5eb06..ad1086367048 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-mobile-tall.png
index d05923c2d575..7fad3d2b6abd 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-after-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-desktop-regular.png
index e87b0bf4eda7..03522e1ac30f 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-mobile-tall.png
index 6176cd7a4d75..f21f1700215b 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-1-seeing-score-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-desktop-regular.png
index b3b001b18b0c..fc650d0fb81d 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-mobile-tall.png
index f5364dd1e27b..0f4066fc6fe3 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-peer-review-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-desktop-regular.png
index 473eddfb26b8..f6a4a46efe66 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-mobile-tall.png
index 321778521248..cbfd844104e0 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-after-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-desktop-regular.png
index b3b001b18b0c..fc650d0fb81d 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-mobile-tall.png
index f5364dd1e27b..0f4066fc6fe3 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/automatically-accept-or-reject.spec.ts/student-2-seeing-score-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-desktop-regular.png
index f29e57d02878..bdb21156f6e4 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-mobile-tall.png
index 83fa5d97f278..61dcac1653a2 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-multiple-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-desktop-regular.png
index 894998bd9c61..2c7203889264 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-mobile-tall.png
index 68aef2a56eba..6b685176b53f 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-after-filling-peer-review-single-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-desktop-regular.png
index 4e0c39cfb430..00eb27b324bf 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-mobile-tall.png
index 25da3c849661..cf4a2f0eeb64 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-multiple-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-desktop-regular.png
index 53b1c316eda2..38dde1bd0af9 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-mobile-tall.png
index e09207cde657..5be64e5d7618 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-before-filling-peer-review-single-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-desktop-regular.png
index f29e57d02878..bdb21156f6e4 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-mobile-tall.png
index 83fa5d97f278..61dcac1653a2 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-multiple-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-desktop-regular.png
index 894998bd9c61..2c7203889264 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-mobile-tall.png
index 68aef2a56eba..6b685176b53f 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-1-checking-their-peer-reviews-single-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-desktop-regular.png
index 4e0c39cfb430..00eb27b324bf 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-mobile-tall.png
index 25da3c849661..cf4a2f0eeb64 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-1-multiple-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-desktop-regular.png
index f76c3595fb68..c8dd59fa7438 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-mobile-tall.png
index d7d6cddd533f..c154581ebb49 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-after-filling-peer-review-single-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-desktop-regular.png
index b9a77accac50..39f355db019d 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-mobile-tall.png
index da8e547e0951..90dba68335a3 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-1-multiple-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-desktop-regular.png
index 399ec36809e3..f3ee5f39f822 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-mobile-tall.png
index b64d8e7376b1..bf5382ff131a 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-before-filling-peer-review-single-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-desktop-regular.png
index 4e0c39cfb430..00eb27b324bf 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-mobile-tall.png
index 25da3c849661..cf4a2f0eeb64 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-multiple-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-desktop-regular.png
index f76c3595fb68..c8dd59fa7438 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-mobile-tall.png
index d7d6cddd533f..c154581ebb49 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/manual-review-everything.spec.ts/student-2-checking-their-peer-reviews-single-submission-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-desktop-regular.png
index db2f77d99664..3aa03556706a 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-mobile-tall.png b/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-mobile-tall.png
index 428742203b59..ab27cfb1eb53 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-mobile-tall.png and b/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/default-peer-review-editor-after-save-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/peer-review-editor-after-save-desktop-regular.png b/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/peer-review-editor-after-save-desktop-regular.png
index ac065effcbb1..374ffdb226b2 100644
Binary files a/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/peer-review-editor-after-save-desktop-regular.png and b/system-tests/src/__screenshots__/peer-reviews/peer-review-editor.spec.ts/peer-review-editor-after-save-desktop-regular.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 c691412b703b..47df0b03acda 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 59834f1b3c64..f7c2c7bfecd2 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 56e039714ad0..49a14021ce25 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/removed-permission-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/removed-permission-desktop-regular.png
index 6b1a6ee037bc..bb02cd75190b 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 0afa71fef46e..84253863ad09 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 0d0ae7f5c413..7ad51f28ba64 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-role-desktop-regular.png b/system-tests/src/__screenshots__/permissions.spec.ts/sorted-by-role-desktop-regular.png
index 21e9bda5994c..8b47d404a12f 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__/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 d506a7ab1977..78492b5e1abd 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 d573f0229ac9..a50858b75d4d 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/no-edits-yet-desktop-regular.png b/system-tests/src/__screenshots__/proposed-edits/proposed-edits.spec.ts/no-edits-yet-desktop-regular.png
index 7513fc8d7952..94db2f15a32b 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 ad7348c1bc0e..35dd46e67815 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/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 4751b1ce1550..8d29ea3ef40f 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 2f150911d450..fc938b0e9770 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-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-correct-answer-desktop-regular.png
index 89723cdef84c..07b96cfc8d84 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-correct-answer-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-correct-answer-desktop-regular.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 7d44be3f60af..888ae636a2d1 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-after-correct-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-after-correct-desktop-regular.png
index 53d19d64ffa1..984dae412145 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-after-correct-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-after-correct-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-after-correct-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-after-correct-mobile-tall.png
index 3ee3529ffedf..3b2f0e853168 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-after-correct-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-after-correct-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-desktop-regular.png
index 843038cdf155..8a22ae78ee33 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/clickable-multiple-choice.spec.ts/clickable-multiple-choice-incorrect-answer-desktop-regular.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 2fbbd51ae6a5..5a4d99464535 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/essay.spec.ts/essay-feedback-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/essay.spec.ts/essay-feedback-desktop-regular.png
index a8e9ecdef601..2dec1e709d45 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/essay.spec.ts/essay-feedback-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/essay.spec.ts/essay-feedback-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/essay.spec.ts/essay-feedback-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/essay.spec.ts/essay-feedback-mobile-tall.png
index 7bf700cef44f..a1db823dd530 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/essay.spec.ts/essay-feedback-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/essay.spec.ts/essay-feedback-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-desktop-regular.png
index 0688cc7ca32f..85cbe3b28ca5 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-correct-answer-desktop-regular.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 3e7e8c7acaad..06d8526865fb 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-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-after-correct-desktop-regular.png
index 4e77daf90a21..bcf1a66b049f 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-after-correct-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-after-correct-desktop-regular.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 58a39b76e348..e5070ebe468d 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-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-desktop-regular.png
index 69a9b9b11a83..55ae65e1a563 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/multiple-choice-dropdown.spec.ts/multiple-choice-dropdown-feedback-incorrect-answer-desktop-regular.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 682cd50e6ad3..71437f44912d 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-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-correct-desktop-regular.png
index a01e22e371c3..7d7684e8cb87 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-correct-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-correct-desktop-regular.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 112ca1baa679..9099c12fba9e 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-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-incorrect-desktop-regular.png
index 3d7d52d3a7e4..134f4e2d8844 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-incorrect-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/open.spec.ts/open-feedback-incorrect-desktop-regular.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 9e54c079abc3..0e559611baaf 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/timeline.spec.ts/timeline-feedback-correct-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-correct-desktop-regular.png
index 6213e1ee76bb..81b61837f2dd 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-correct-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-correct-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-correct-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-correct-mobile-tall.png
index 7c8575241549..8ef5594b89a3 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-correct-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-correct-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-desktop-regular.png
index 1c7551ab1949..49ebcef60f7b 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-mobile-tall.png
index a7b864aba42a..25b870c89b50 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-incorrect-with-model-solution-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-desktop-regular.png b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-desktop-regular.png
index aea2bec4bc5b..487414fa4c89 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-desktop-regular.png and b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-mobile-tall.png b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-mobile-tall.png
index be85a0c71cb1..e866ef181db7 100644
Binary files a/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-mobile-tall.png and b/system-tests/src/__screenshots__/quizzes/feedback/timeline.spec.ts/timeline-feedback-wrong-mobile-tall.png differ
diff --git a/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-desktop-regular.png b/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-desktop-regular.png
index 60ae94b56288..f927d4f3c5bc 100644
Binary files a/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-desktop-regular.png and b/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-desktop-regular.png differ
diff --git a/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-mobile-tall.png b/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-mobile-tall.png
index 5448a3492885..f303cddb34a1 100644
Binary files a/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-mobile-tall.png and b/system-tests/src/__screenshots__/research-form.spec.ts/research-consent-form-shows-if-not-aswered-mobile-tall.png differ
diff --git a/system-tests/src/tests/course-instance-management/add-completions.spec.ts b/system-tests/src/tests/course-instance-management/add-completions.spec.ts
index beee767ad506..d1d8c0d5d270 100644
--- a/system-tests/src/tests/course-instance-management/add-completions.spec.ts
+++ b/system-tests/src/tests/course-instance-management/add-completions.spec.ts
@@ -38,7 +38,7 @@ test("test", async ({ page, headless }, testInfo) => {
   fbeb9286-3dd8-4896-a6b8-3faffa3fabd6,4
   3524d694-7fa8-4e73-aa1a-de9a20fd514b,3`)
 
-  await page.locator("text=Check").click()
+  await page.getByRole("button", { name: "Check" }).click()
 
   await page
     .locator('div[role="button"]:has-text("Users receiving a completion for the first time (3)")')
@@ -71,7 +71,7 @@ test("test", async ({ page, headless }, testInfo) => {
   00e249d8-345f-4eff-aedb-7bdc4c44c1d5
   fbeb9286-3dd8-4896-a6b8-3faffa3fabd6`)
 
-  await page.locator("text=Check").click()
+  await page.getByRole("button", { name: "Check" }).click()
 
   await page
     .locator('div[role="button"]:has-text("Users receiving a completion for the first time (2)")')
diff --git a/system-tests/src/tests/manage-course-structure.spec.ts b/system-tests/src/tests/manage-course-structure.spec.ts
index c1df694631a5..b176dfda9c9b 100644
--- a/system-tests/src/tests/manage-course-structure.spec.ts
+++ b/system-tests/src/tests/manage-course-structure.spec.ts
@@ -78,9 +78,10 @@ test("manage course structure works", async ({ page, headless }, testInfo) => {
 
   await page.click('button:text-is("Save")')
 
-  await page.click(
-    'text=Chapter 2: The intermediariesChapter front pageTitleURL pathHiddenThe intermediaries/c >> [aria-label="Dropdown\\ menu"]',
-  )
+  await page
+    .getByRole("heading", { name: "Chapter 2: The intermediaries Dropdown menu" })
+    .getByRole("button", { name: "Dropdown menu" })
+    .click()
 
   await page.locator(`button:text-is("Edit")`).click()