diff --git a/src/plugins/translate/TranslationAccessory.tsx b/src/plugins/translate/TranslationAccessory.tsx
index 9b6393cc..db9461d8 100644
--- a/src/plugins/translate/TranslationAccessory.tsx
+++ b/src/plugins/translate/TranslationAccessory.tsx
@@ -57,7 +57,7 @@ export function TranslationAccessory({ message }: { message: Message; }) {
         <span className={cl("accessory")}>
             <TranslateIcon width={16} height={16} className={cl("accessory-icon")} />
             {Parser.parse(translation.text)}
-            {" "}
+            <br />
             (translated from {translation.sourceLanguage} - <Dismiss onDismiss={() => setTranslation(undefined)} />)
         </span>
     );
diff --git a/src/plugins/translate/styles.css b/src/plugins/translate/styles.css
index c07c9e36..33a1fc85 100644
--- a/src/plugins/translate/styles.css
+++ b/src/plugins/translate/styles.css
@@ -15,6 +15,8 @@
     margin-top: 0.5em;
     font-style: italic;
     font-weight: 400;
+    line-height: 1.2rem;
+    white-space: break-spaces;
 }
 
 .vc-trans-accessory-icon {