From 136a6c99bffc8d1f27e292c7662af55930dc61ed Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Mon, 9 May 2022 10:26:03 -0400
Subject: [PATCH] Add truncation to notification descriptor

---
 .../features/notifications/components/notification.tsx       | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/notifications/components/notification.tsx b/app/soapbox/features/notifications/components/notification.tsx
index 30b7d297e..26f56025f 100644
--- a/app/soapbox/features/notifications/components/notification.tsx
+++ b/app/soapbox/features/notifications/components/notification.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { HotKeys } from 'react-hotkeys';
-import {  FormattedMessage, useIntl } from 'react-intl';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
 import Icon from '../../../components/icon';
@@ -286,10 +286,11 @@ const Notification: React.FC<INotificaton> = (props) => {
             <HStack alignItems='center' space={1.5}>
               {renderIcon()}
 
-              <div>
+              <div className='truncate'>
                 <Text
                   theme='muted'
                   size='sm'
+                  truncate
                 >
                   {message}
                 </Text>