style: Update snapshot files and adjust breakpoints for consistency across components

Kevin Koech · Kevin Koech · commit 46d8427a507a · 2025-10-07T17:31:23.000+03:00
diff --git a/apps/trustlab/src/components/ActionBanner/ActionBanner.snap.js b/apps/trustlab/src/components/ActionBanner/ActionBanner.snap.js
@@ -6,7 +6,7 @@ exports[`<Page /> renders unchanged 1`] = `
     class="MuiBox-root css-0"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-13qdcx5-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-15auk95-MuiContainer-root"
     >
       <div
         class="MuiBox-root css-iu4fws"
diff --git a/apps/trustlab/src/components/Banner/Banner.snap.js b/apps/trustlab/src/components/Banner/Banner.snap.js
@@ -6,7 +6,7 @@ exports[`<Banner /> renders unchanged 1`] = `
     class="MuiBox-root css-1kxqcqz"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f7ld00-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f31hqp-MuiContainer-root"
     >
       <div
         class="MuiGrid-root MuiGrid-container css-11lq3yg-MuiGrid-root"
diff --git a/apps/trustlab/src/components/ComingSoon/ComingSoon.snap.js b/apps/trustlab/src/components/ComingSoon/ComingSoon.snap.js
@@ -3,7 +3,7 @@
 exports[`<ComingSoon /> renders unchanged 1`] = `
 <div>
   <div
-    class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-8ywafk-MuiContainer-root"
+    class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-zlknjb-MuiContainer-root"
   >
     <div
       class="MuiBox-root css-pxiyk3"
diff --git a/apps/trustlab/src/components/Content/Content.snap.js b/apps/trustlab/src/components/Content/Content.snap.js
@@ -7,7 +7,7 @@ exports[`<Content /> renders unchanged 1`] = `
     content="[object Object]"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1mtht5y-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-hxqkgq-MuiContainer-root"
     >
       <div
         class="MuiBox-root css-1n3ttdb"
diff --git a/apps/trustlab/src/components/CourseList/Courselist.snap.js b/apps/trustlab/src/components/CourseList/Courselist.snap.js
@@ -3,7 +3,7 @@
 exports[`<CourseList /> renders unchanged 1`] = `
 <div>
   <div
-    class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1pzed5-MuiContainer-root"
+    class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1tkizv1-MuiContainer-root"
   >
     <div
       class="MuiBox-root css-gq77ek"
diff --git a/apps/trustlab/src/components/Error/Error.snap.js b/apps/trustlab/src/components/Error/Error.snap.js
@@ -3,7 +3,7 @@
 exports[`<Error /> renders unchanged 1`] = `
 <div>
   <div
-    class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-8ywafk-MuiContainer-root"
+    class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-zlknjb-MuiContainer-root"
   >
     <div
       class="MuiBox-root css-pxiyk3"
diff --git a/apps/trustlab/src/components/Footer/Footer.snap.js b/apps/trustlab/src/components/Footer/Footer.snap.js
@@ -21,7 +21,7 @@ exports[`<Footer /> renders unchanged 1`] = `
       viewbox="0 0 297 297"
     />
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-yy91ry-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1ni3ei2-MuiContainer-root"
     >
       <div
         class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row css-307100-MuiGrid2-root"
diff --git a/apps/trustlab/src/components/HelplineCard/HelplineCard.js b/apps/trustlab/src/components/HelplineCard/HelplineCard.js
@@ -82,6 +82,7 @@ function HelplineCard({ title, icon: media, description, link }) {
             fontSize: 16,
             fontWeight: 600,
             textTransform: "none",
+            whiteSpace: "nowrap",
             "&:hover": {
               backgroundColor: "#FFDE59",
               border: "2px solid black",
diff --git a/apps/trustlab/src/components/Helplines/Helplines.js b/apps/trustlab/src/components/Helplines/Helplines.js
@@ -17,7 +17,7 @@ const Helplines = forwardRef(function Helplines({ title, briefs = [] }, ref) {
             container
             sx={{ ml: -2 }}
             spacing={{
-              xs: 2,
+              xs: 6,
               md: 10,
             }}
           >
diff --git a/apps/trustlab/src/components/Helplines/Helplines.snap.js b/apps/trustlab/src/components/Helplines/Helplines.snap.js
@@ -6,7 +6,7 @@ exports[`<Helplines /> renders unchanged 1`] = `
     class="MuiBox-root css-1k9ek97"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-wgt6s6-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1iqi0ys-MuiContainer-root"
     >
       <div
         class="MuiStack-root css-8mcjw0-MuiStack-root"
diff --git a/apps/trustlab/src/components/Hero/Hero.js b/apps/trustlab/src/components/Hero/Hero.js
@@ -66,7 +66,7 @@ const Hero = forwardRef(function Hero({ slides }, ref) {
         sx={{
           position: "relative",
           width: "100%",
-          height: { xs: "808px", sm: "1074px", md: "562px" },
+          height: { xs: "808px", sm: "600px" },
           overflow: "hidden",
           display: "flex",
         }}
@@ -96,7 +96,7 @@ const Hero = forwardRef(function Hero({ slides }, ref) {
               >
                 <Box
                   sx={{
-                    pt: 6,
+                    pt: { xs: 6, sm: 0 },
                     px: { xs: 2.5, md: 0 },
                     margin: "0 auto",
                     maxWidth: theme.contentWidths.values,
@@ -108,7 +108,7 @@ const Hero = forwardRef(function Hero({ slides }, ref) {
                     columnSpacing={2}
                     alignItems="center"
                   >
-                    <Grid size={{ xs: 12, md: 6 }} order={isReversed ? 2 : 1}>
+                    <Grid size={{ xs: 12, sm: 6 }} order={isReversed ? 2 : 1}>
                       <LexicalRichText
                         elements={slide.title}
                         TypographyProps={{
@@ -165,7 +165,7 @@ const Hero = forwardRef(function Hero({ slides }, ref) {
                       )}
                     </Grid>
                     <Grid
-                      size={{ xs: 12, md: 6 }}
+                      size={{ xs: 12, sm: 6 }}
                       sx={{
                         display: "flex",
                         justifyContent: {
@@ -187,7 +187,7 @@ const Hero = forwardRef(function Hero({ slides }, ref) {
                         sx={{
                           height: { xs: "402px", sm: "600px", md: "416px" },
                           width: { xs: "100%", md: "321.6px" },
-                          maxWidth: { xs: "100%", sm: "465px" },
+                          maxWidth: { xs: "100%", sm: "365px" },
                         }}
                       />
                     </Grid>
diff --git a/apps/trustlab/src/components/Incubator/Incubator.snap.js b/apps/trustlab/src/components/Incubator/Incubator.snap.js
@@ -6,7 +6,7 @@ exports[`<Incubator /> renders unchanged 1`] = `
     class="MuiBox-root css-1k9ek97"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-resv64-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1be4fpk-MuiContainer-root"
     >
       <div
         class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-1cth5tq-MuiGrid-root"
diff --git a/apps/trustlab/src/components/IntelligenceBriefings/IntelligencBriefings.snap.js b/apps/trustlab/src/components/IntelligenceBriefings/IntelligencBriefings.snap.js
@@ -6,7 +6,7 @@ exports[`<IntelligenceBriefings /> renders unchanged 1`] = `
     class="MuiBox-root css-1k9ek97"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-40rbjv-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-12fal7i-MuiContainer-root"
     >
       <div
         class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-4 css-4q6p23-MuiGrid2-root"
diff --git a/apps/trustlab/src/components/NavBar/NavBar.snap.js b/apps/trustlab/src/components/NavBar/NavBar.snap.js
@@ -10,7 +10,7 @@ exports[`<NavBar /> renders unchanged 1`] = `
       class="MuiToolbar-root MuiToolbar-regular css-13jx4mw-MuiToolbar-root"
     >
       <div
-        class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-12ab9ay-MuiContainer-root"
+        class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-18madci-MuiContainer-root"
       >
         <div
           class="MuiGrid-root MuiGrid-container css-c114m4-MuiGrid-root"
diff --git a/apps/trustlab/src/components/OverviewCardList/OverviewCardList.snap.js b/apps/trustlab/src/components/OverviewCardList/OverviewCardList.snap.js
@@ -6,7 +6,7 @@ exports[`<OverviewCardList /> renders unchanged 1`] = `
     class="MuiBox-root css-5a6qg4"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f7ld00-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f31hqp-MuiContainer-root"
     >
       <h1
         class="MuiTypography-root MuiTypography-h1 css-12uhedm-MuiTypography-root"
diff --git a/apps/trustlab/src/components/PartnersList/PartnersList.snap.js b/apps/trustlab/src/components/PartnersList/PartnersList.snap.js
@@ -6,7 +6,7 @@ exports[`<PartnersList /> renders unchanged 1`] = `
     class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-disableGutters css-1oa4fqa-MuiContainer-root"
   >
     <div
-      class="MuiBox-root css-45or9s"
+      class="MuiBox-root css-1ridu4c"
     >
       <h6
         class="MuiTypography-root MuiTypography-subheading2 css-145khn7-MuiTypography-root"
diff --git a/apps/trustlab/src/components/PostList/PostList.snap.js b/apps/trustlab/src/components/PostList/PostList.snap.js
@@ -6,7 +6,7 @@ exports[`<PostList /> renders unchanged 1`] = `
     class="MuiBox-root css-x08bda"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f7ld00-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f31hqp-MuiContainer-root"
     >
       <span
         class="MuiLinearProgress-root MuiLinearProgress-colorPrimary MuiLinearProgress-indeterminate css-huguxv-MuiLinearProgress-root"
diff --git a/apps/trustlab/src/components/Resources/Resources.snap.js b/apps/trustlab/src/components/Resources/Resources.snap.js
@@ -6,7 +6,7 @@ exports[`<Resources /> renders unchanged 1`] = `
     class="MuiBox-root css-49ynfi"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-40rbjv-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-12fal7i-MuiContainer-root"
     >
       <h2
         class="MuiTypography-root MuiTypography-display4 css-y858bl-MuiTypography-root"
diff --git a/apps/trustlab/src/components/Spotlight/Spotlight.snap.js b/apps/trustlab/src/components/Spotlight/Spotlight.snap.js
@@ -6,7 +6,7 @@ exports[`<Spotlight /> renders unchanged 1`] = `
     class="MuiBox-root css-1lf2zuz"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-rs1hgb-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-snjxl5-MuiContainer-root"
     >
       <h2
         class="MuiTypography-root MuiTypography-display4 css-y858bl-MuiTypography-root"
diff --git a/apps/trustlab/src/components/WhereWeWork/WhereWeWork.snap.js b/apps/trustlab/src/components/WhereWeWork/WhereWeWork.snap.js
@@ -6,7 +6,7 @@ exports[`<WhereWeWork /> renders unchanged 1`] = `
     class="MuiBox-root css-8gbtbc"
   >
     <div
-      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-rs1hgb-MuiContainer-root"
+      class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-snjxl5-MuiContainer-root"
     >
       <div
         class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-4 css-195d0lj-MuiGrid2-root"
diff --git a/apps/trustlab/src/theme/index.js b/apps/trustlab/src/theme/index.js
@@ -67,7 +67,7 @@ const theme = createTheme({
   breakpoints,
   contentWidths: {
     values: {
-      sm: 928,
+      sm: 728,
       md: 1024,
       lg: 1160,
       xl: 1240,

Original file line number	Diff line number	Diff line change
@@ -6,7 +6,7 @@ exports[`<Page /> renders unchanged 1`] = `
`6`	`6`	`class="MuiBox-root css-0"`
`7`	`7`	`>`
`8`	`8`	`<div`
`9`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-13qdcx5-MuiContainer-root"`
	`9`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-15auk95-MuiContainer-root"`
`10`	`10`	`>`
`11`	`11`	`<div`
`12`	`12`	`class="MuiBox-root css-iu4fws"`
Original file line number	Diff line number	Diff line change
@@ -6,7 +6,7 @@ exports[`<Banner /> renders unchanged 1`] = `
`6`	`6`	`class="MuiBox-root css-1kxqcqz"`
`7`	`7`	`>`
`8`	`8`	`<div`
`9`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f7ld00-MuiContainer-root"`
	`9`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1f31hqp-MuiContainer-root"`
`10`	`10`	`>`
`11`	`11`	`<div`
`12`	`12`	`class="MuiGrid-root MuiGrid-container css-11lq3yg-MuiGrid-root"`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	exports[`<ComingSoon /> renders unchanged 1`] = `
`4`	`4`	`<div>`
`5`	`5`	`<div`
`6`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-8ywafk-MuiContainer-root"`
	`6`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-zlknjb-MuiContainer-root"`
`7`	`7`	`>`
`8`	`8`	`<div`
`9`	`9`	`class="MuiBox-root css-pxiyk3"`
Original file line number	Diff line number	Diff line change
@@ -7,7 +7,7 @@ exports[`<Content /> renders unchanged 1`] = `
`7`	`7`	`content="[object Object]"`
`8`	`8`	`>`
`9`	`9`	`<div`
`10`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1mtht5y-MuiContainer-root"`
	`10`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-hxqkgq-MuiContainer-root"`
`11`	`11`	`>`
`12`	`12`	`<div`
`13`	`13`	`class="MuiBox-root css-1n3ttdb"`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	exports[`<CourseList /> renders unchanged 1`] = `
`4`	`4`	`<div>`
`5`	`5`	`<div`
`6`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1pzed5-MuiContainer-root"`
	`6`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1tkizv1-MuiContainer-root"`
`7`	`7`	`>`
`8`	`8`	`<div`
`9`	`9`	`class="MuiBox-root css-gq77ek"`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	exports[`<Error /> renders unchanged 1`] = `
`4`	`4`	`<div>`
`5`	`5`	`<div`
`6`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-8ywafk-MuiContainer-root"`
	`6`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-zlknjb-MuiContainer-root"`
`7`	`7`	`>`
`8`	`8`	`<div`
`9`	`9`	`class="MuiBox-root css-pxiyk3"`
Original file line number	Diff line number	Diff line change
@@ -21,7 +21,7 @@ exports[`<Footer /> renders unchanged 1`] = `
`21`	`21`	`viewbox="0 0 297 297"`
`22`	`22`	`/>`
`23`	`23`	`<div`
`24`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-yy91ry-MuiContainer-root"`
	`24`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1ni3ei2-MuiContainer-root"`
`25`	`25`	`>`
`26`	`26`	`<div`
`27`	`27`	`class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row css-307100-MuiGrid2-root"`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ const Helplines = forwardRef(function Helplines({ title, briefs = [] }, ref) {`
`17`	`17`	`container`
`18`	`18`	`sx={{ ml: -2 }}`
`19`	`19`	`spacing={{`
`20`		`- xs: 2,`
	`20`	`+ xs: 6,`
`21`	`21`	`md: 10,`
`22`	`22`	`}}`
`23`	`23`	`>`
Original file line number	Diff line number	Diff line change
@@ -6,7 +6,7 @@ exports[`<Helplines /> renders unchanged 1`] = `
`6`	`6`	`class="MuiBox-root css-1k9ek97"`
`7`	`7`	`>`
`8`	`8`	`<div`
`9`		`- class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-wgt6s6-MuiContainer-root"`
	`9`	`+ class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1iqi0ys-MuiContainer-root"`
`10`	`10`	`>`
`11`	`11`	`<div`
`12`	`12`	`class="MuiStack-root css-8mcjw0-MuiStack-root"`