diff --git a/src/routes/journals/[journal_id]/+page.svelte b/src/routes/journals/[journal_id]/+page.svelte
index 6d51d10a..6d2fc1ca 100644
--- a/src/routes/journals/[journal_id]/+page.svelte
+++ b/src/routes/journals/[journal_id]/+page.svelte
@@ -303,10 +303,18 @@ if (browser) {
 }
 
 import { LoaderCircle } from '@lucide/svelte';
+
+const title_journal = $derived(
+    $lq__journal_obj?.name
+        ? $lq__journal_obj.name.length > 60
+            ? $lq__journal_obj.name.slice(0, 60) + '…'
+            : $lq__journal_obj.name
+        : 'Journal'
+);
 </script>
 
 <svelte:head>
-    <title>{$lq__journal_obj?.name ?? 'Journal'} - OSIT's AE Journals</title>
+    <title>{title_journal} - OSIT's AE Journals</title>
 </svelte:head>
 
 {#if $lq__journal_obj === undefined}
diff --git a/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte b/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte
index 3d269b22..a94120da 100644
--- a/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte
+++ b/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte
@@ -258,10 +258,25 @@ $effect(() => {
         // log_lvl = 1;
     }
 });
+
+const title_entry = $derived(
+    $lq__journal_entry_obj?.name
+        ? $lq__journal_entry_obj.name.length > 50
+            ? $lq__journal_entry_obj.name.slice(0, 50) + '…'
+            : $lq__journal_entry_obj.name
+        : 'Entry'
+);
+const title_journal = $derived(
+    $lq__journal_obj?.name
+        ? $lq__journal_obj.name.length > 30
+            ? $lq__journal_obj.name.slice(0, 30) + '…'
+            : $lq__journal_obj.name
+        : 'Journal'
+);
 </script>
 
 <svelte:head>
-    <title>{$lq__journal_entry_obj?.name ?? 'Entry'} - {$lq__journal_obj?.name ?? 'Journal'} - OSIT's AE Journals</title>
+    <title>{title_entry} - {title_journal} - OSIT's AE Journals</title>
 </svelte:head>
 
 {#if $ae_loc.person_id == $lq__journal_obj?.person_id || $lq__journal_entry_obj?.public}