diff --git a/src/app/components/Content.svelte b/src/app/components/Content.svelte
index f9f50a76..579275f6 100644
--- a/src/app/components/Content.svelte
+++ b/src/app/components/Content.svelte
@@ -96,7 +96,7 @@
     </div>
   {:else}
     <div
-      class="overflow-hidden text-ellipsis"
+      class="overflow-hidden text-ellipsis break-words"
       style={expandBlock ? "mask-image: linear-gradient(0deg, transparent 0px, black 100px)" : ""}>
       {#each shortContent as parsed, i}
         {#if isNewline(parsed)}
diff --git a/src/app/components/ContentLinkInline.svelte b/src/app/components/ContentLinkInline.svelte
index ce8923ea..d4b1d60b 100644
--- a/src/app/components/ContentLinkInline.svelte
+++ b/src/app/components/ContentLinkInline.svelte
@@ -14,12 +14,12 @@
 </script>
 
 {#if url.match(/\.(jpe?g|png|gif|webp)$/)}
-  <Button class="link-content" on:click={expand}>
+  <Button class="link-content whitespace-nowrap" on:click={expand}>
     <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(url)}
   </Button>
 {:else}
-  <Link external href={url} class="link-content">
+  <Link external href={url} class="link-content whitespace-nowrap">
     <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(url)}
   </Link>