diff --git a/src/app/components/ChatMessage.svelte b/src/app/components/ChatMessage.svelte
index 77d3ed26..cf1f2c35 100644
--- a/src/app/components/ChatMessage.svelte
+++ b/src/app/components/ChatMessage.svelte
@@ -82,7 +82,7 @@
   </Tippy>
   <div class="flex flex-col">
     <LongPress
-      class="chat-bubble mx-1 flex max-w-sm flex-col gap-1 text-left"
+      class="chat-bubble mx-1 flex max-w-sm flex-col gap-1 text-left bg-alt"
       onLongPress={showMobileMenu}>
       {#if showPubkey && event.pubkey !== $pubkey}
         <div class="flex items-center gap-2">
diff --git a/src/app/components/Content.svelte b/src/app/components/Content.svelte
index f3535155..a0cf9a68 100644
--- a/src/app/components/Content.svelte
+++ b/src/app/components/Content.svelte
@@ -92,7 +92,7 @@
       style={expandBlock ? "mask-image: linear-gradient(0deg, transparent 0px, black 100px)" : ""}>
       {#each shortContent as parsed, i}
         {#if isNewline(parsed)}
-          <ContentNewline value={parsed.value.slice(1)} />
+          <ContentNewline value={parsed.value.slice(1) || "\n"} />
         {:else if isTopic(parsed)}
           <ContentTopic value={parsed.value} />
         {:else if isCode(parsed)}