fix slack message overflow

swishjam · May 14, 2024 · 3e9046c · 3e9046c
1 parent ea7c5d9
commit 3e9046c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/dashboard/src/components/Slack/SlackMessagePreview.js b/dashboard/src/components/Slack/SlackMessagePreview.js
@@ -3,9 +3,9 @@ import Logo from '@/components/Logo'
 
 const SlackIcon = () => (<img src={'/logos/slack.svg'} className="h-4 w-4 mr-2" />)
 
-export default function SlackMessagePreview({ header, body, className, includePreviewBadge = true, includeReactionEmojis = true, timestamp }) {
+export default function SlackMessagePreview({ header, body, className = '', includePreviewBadge = true, includeReactionEmojis = true, timestamp }) {
   return (
-    <div className={`relative shadow-sm border border-gray-200 bg-white rounded-md p-4 flex gap-x-4 ${className}`}>
+    <div className={`relative shadow-sm border border-gray-200 bg-white rounded-md p-4 flex gap-x-4 overflow-scroll ${className}`}>
       {includePreviewBadge && (
         <div className='absolute top-2 right-2 bg-white py-1.5 p-2 border border-gray-200 shadow-sm rounded-sm flex items-center text-sm text-gray-900'>
           <SlackIcon />