diff --git a/ts/components/StoryViewer.tsx b/ts/components/StoryViewer.tsx
index 92bed54e1..027d597f5 100644
--- a/ts/components/StoryViewer.tsx
+++ b/ts/components/StoryViewer.tsx
@@ -765,7 +765,10 @@ export const StoryViewer = ({
           <ConfirmationDialog
             actions={[
               {
-                action: () => onHideStory(id),
+                action: () => {
+                  onHideStory(id);
+                  onClose();
+                },
                 style: 'affirmative',
                 text: i18n('StoryListItem__hide-modal--confirm'),
               },
diff --git a/ts/state/selectors/stories.ts b/ts/state/selectors/stories.ts
index 5bdc0a821..4aed1c09a 100644
--- a/ts/state/selectors/stories.ts
+++ b/ts/state/selectors/stories.ts
@@ -153,6 +153,7 @@ export function getStoryView(
   return {
     attachment,
     canReply: canReply(story, undefined, conversationSelector),
+    isHidden: Boolean(sender.hideStory),
     isUnread: story.readStatus === ReadStatus.Unread,
     messageId: story.messageId,
     sender,
diff --git a/ts/types/Stories.ts b/ts/types/Stories.ts
index 7f35aa0fc..8dfc28527 100644
--- a/ts/types/Stories.ts
+++ b/ts/types/Stories.ts
@@ -78,6 +78,7 @@ export type StoryViewType = {
     | 'badges'
     | 'color'
     | 'firstName'
+    | 'hideStory'
     | 'id'
     | 'isMe'
     | 'name'