diff --git a/images/signal-logo.svg b/images/signal-logo.svg
index 2ba32a87c711..ff0e2a07e0a8 100644
--- a/images/signal-logo.svg
+++ b/images/signal-logo.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index d0f5caf3917c..fa6535f3b7b4 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -292,7 +292,7 @@ $loading-height: 16px;
justify-content: center;
user-select: none;
- .container {
+ .dot-container {
display: flex;
gap: 7px;
margin-block: 6px 22px;
diff --git a/ts/components/Inbox.stories.tsx b/ts/components/Inbox.stories.tsx
index b2f93e4dfc79..6ecbc017120f 100644
--- a/ts/components/Inbox.stories.tsx
+++ b/ts/components/Inbox.stories.tsx
@@ -21,7 +21,10 @@ export default {
hasInitialLoadCompleted: false,
isCustomizingPreferredReactions: false,
},
-} satisfies Meta;
+ argTypes: {
+ daysAgo: { control: { type: 'number' } },
+ },
+} satisfies Meta;
// eslint-disable-next-line react/function-component-definition
const Template: StoryFn = ({
@@ -32,7 +35,7 @@ const Template: StoryFn = ({
const [dayOffset, setDayOffset] = useState(0);
useEffect(() => {
- if (daysAgo === undefined) {
+ if (!daysAgo) {
setDayOffset(0);
return noop;
}
@@ -64,3 +67,8 @@ const Template: StoryFn = ({
};
export const Default = Template.bind({});
+
+export const FourDaysAgo = Template.bind({});
+FourDaysAgo.args = {
+ daysAgo: 4,
+};
diff --git a/ts/components/Inbox.tsx b/ts/components/Inbox.tsx
index 74a623352110..6a79300d0bb3 100644
--- a/ts/components/Inbox.tsx
+++ b/ts/components/Inbox.tsx
@@ -128,7 +128,7 @@ export function Inbox({
{envelopeTimestamp === undefined ? (
-