From 8aea01e5c65128b4a78a8967c5c85c2aefc0710b Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam.fitzgerald@tlon.io>
Date: Tue, 8 Dec 2020 10:07:50 +1000
Subject: [PATCH] notifications: chat notifications reflow correctly

---
 pkg/interface/src/views/apps/notifications/graph.tsx        | 2 +-
 pkg/interface/src/views/apps/notifications/notification.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/apps/notifications/graph.tsx b/pkg/interface/src/views/apps/notifications/graph.tsx
index a466c5f5e8..368b61cd61 100644
--- a/pkg/interface/src/views/apps/notifications/graph.tsx
+++ b/pkg/interface/src/views/apps/notifications/graph.tsx
@@ -195,7 +195,7 @@ const GraphNode = ({
   return (
     <Row onClick={onClick} gapX="2" pt="2">
       <Col>{img}</Col>
-      <Col alignItems="flex-start">
+      <Col flexGrow={1} alignItems="flex-start">
         <Row
           mb="2"
           height="16px"
diff --git a/pkg/interface/src/views/apps/notifications/notification.tsx b/pkg/interface/src/views/apps/notifications/notification.tsx
index a375535126..b01683f00f 100644
--- a/pkg/interface/src/views/apps/notifications/notification.tsx
+++ b/pkg/interface/src/views/apps/notifications/notification.tsx
@@ -92,7 +92,7 @@ function NotificationWrapper(props: {
 
   const changeMuteDesc = isMuted ? "Unmute" : "Mute";
   return (
-    <Row flexShrink={0} alignItems="top" justifyContent="space-between">
+    <Row width="100%" flexShrink={0} alignItems="top" justifyContent="space-between">
       {children}
       <Row gapX="2" p="2" pt='3' alignItems="top">
         <StatelessAsyncAction name={changeMuteDesc} onClick={onChangeMute} backgroundColor="transparent">