diff --git a/ui/src/e2e/snapshots/android/Grid.png b/ui/src/e2e/snapshots/android/Grid.png
index 4d1088a23..082407782 100644
Binary files a/ui/src/e2e/snapshots/android/Grid.png and b/ui/src/e2e/snapshots/android/Grid.png differ
diff --git a/ui/src/e2e/snapshots/android/GridColorTitleBar.png b/ui/src/e2e/snapshots/android/GridColorTitleBar.png
index 4d1088a23..5020ac0e7 100644
Binary files a/ui/src/e2e/snapshots/android/GridColorTitleBar.png and b/ui/src/e2e/snapshots/android/GridColorTitleBar.png differ
diff --git a/ui/src/e2e/snapshots/iphone/Grid.png b/ui/src/e2e/snapshots/iphone/Grid.png
index bf0ca6468..9bb87e1d4 100644
Binary files a/ui/src/e2e/snapshots/iphone/Grid.png and b/ui/src/e2e/snapshots/iphone/Grid.png differ
diff --git a/ui/src/e2e/snapshots/iphone/GridColorTitleBar.png b/ui/src/e2e/snapshots/iphone/GridColorTitleBar.png
index bf0ca6468..42fb6d3ec 100644
Binary files a/ui/src/e2e/snapshots/iphone/GridColorTitleBar.png and b/ui/src/e2e/snapshots/iphone/GridColorTitleBar.png differ
diff --git a/ui/src/e2e/stories.tsx b/ui/src/e2e/stories.tsx
index d5f29ba69..92e5ad34f 100644
--- a/ui/src/e2e/stories.tsx
+++ b/ui/src/e2e/stories.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { createRoot } from "react-dom/client";
 
 import { addDays } from "date-fns/addDays";
@@ -194,7 +194,11 @@ window.fetch = async (
 
 type StoryMap = Record<string, () => React.ReactNode>;
 
-const Modal: React.FC<{ children: React.ReactNode }> = ({ children }) => (
+const Modal: React.FC<{ children: React.ReactNode }> = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => (
   <div className="modal d-block" style={{ position: "relative" }}>
     <div className="modal-dialog modal-lg" role="document">
       <div className="modal-content">{children}</div>
@@ -277,6 +281,7 @@ const makeGridAlertStore = (): AlertStore => {
 const gridStory = (): React.ReactNode => {
   const alertStore = makeGridAlertStore();
   const settingsStore = new Settings(null);
+  settingsStore.alertGroupConfig.setDefaultCollapseState("expanded");
   const silenceFormStore = new SilenceFormStore();
   return (
     <Grid
@@ -290,6 +295,7 @@ const gridStory = (): React.ReactNode => {
 const gridColorTitleBarStory = (): React.ReactNode => {
   const alertStore = makeGridAlertStore();
   const settingsStore = new Settings(null);
+  settingsStore.alertGroupConfig.setDefaultCollapseState("expanded");
   const silenceFormStore = new SilenceFormStore();
   settingsStore.alertGroupConfig.setColorTitleBar(true);
   return (