From dbe9adbd36e114eb292dc231d599bf8025ade3d4 Mon Sep 17 00:00:00 2001
From: Echo <ChaosExAnima@users.noreply.github.com>
Date: Mon, 4 May 2026 12:18:43 +0200
Subject: [PATCH] [Glitch] Wraps content in Callout component

Port a7001f52abe560c7ab2ecad7569c78f86fc84489 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../glitch/components/account_header/styles.module.scss    | 3 ---
 .../flavours/glitch/components/callout/styles.module.css   | 7 +++++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/javascript/flavours/glitch/components/account_header/styles.module.scss b/app/javascript/flavours/glitch/components/account_header/styles.module.scss
index 7d87dde147..2953fd0ec2 100644
--- a/app/javascript/flavours/glitch/components/account_header/styles.module.scss
+++ b/app/javascript/flavours/glitch/components/account_header/styles.module.scss
@@ -200,9 +200,6 @@ $button-fallback-breakpoint: $button-breakpoint + 55px;
 
 .noteContent {
   white-space-collapse: preserve-breaks;
-  overflow-wrap: break-word;
-  word-break: break-all;
-  hyphens: auto;
 }
 
 .noteEditButton {
diff --git a/app/javascript/flavours/glitch/components/callout/styles.module.css b/app/javascript/flavours/glitch/components/callout/styles.module.css
index f7fbce491b..fc05e57ab3 100644
--- a/app/javascript/flavours/glitch/components/callout/styles.module.css
+++ b/app/javascript/flavours/glitch/components/callout/styles.module.css
@@ -17,6 +17,11 @@
   margin-top: -2px;
 }
 
+.content,
+.body {
+  min-width: 0;
+}
+
 .content {
   display: flex;
   gap: 8px;
@@ -32,6 +37,8 @@
 
 .body {
   flex-grow: 1;
+  overflow-wrap: break-word;
+  hyphens: auto;
 
   a {
     color: inherit;