diff --git a/src/routes/journals/[journal_id]/+layout.svelte b/src/routes/journals/[journal_id]/+layout.svelte
index 18a94fd5..3bcafd26 100644
--- a/src/routes/journals/[journal_id]/+layout.svelte
+++ b/src/routes/journals/[journal_id]/+layout.svelte
@@ -226,7 +226,7 @@ async function handle_update_journal() {
     {/if}
 
     <!-- Add default journal entry -->
-    <span class="flex flex-row items-center gap-1">
+    <span class="flex flex-row flex-wrap items-center justify-center gap-1">
         <!-- <span class="text-sm text-gray-500 hidden md:inline">
             New entry:
         </span> -->
@@ -305,7 +305,7 @@ async function handle_update_journal() {
                 // console.log('Search query:', $journals_loc.qry__search_text);
             }}
             title="Search Journal Entries"
-            class="input input-sm input-bordered w-64"
+            class="input input-sm input-bordered w-48 md:w-64"
             />
         <!-- Clear search text button -->
         <button