diff --git a/src/routes/(app)/notes/+page.svelte b/src/routes/(app)/notes/+page.svelte
index 84481c6309..8a57e18c16 100644
--- a/src/routes/(app)/notes/+page.svelte
+++ b/src/routes/(app)/notes/+page.svelte
@@ -15,7 +15,7 @@
 		? 'md:max-w-[calc(100%-260px)]'
 		: ''} max-w-full"
 >
-	<nav class="   px-2 pt-1.5 ml-0.5 backdrop-blur-xl w-full drag-region">
+	<nav class="   px-2 pt-1.5 backdrop-blur-xl w-full drag-region">
 		<div class=" flex items-center">
 			{#if $mobile}
 				<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
diff --git a/src/routes/(app)/notes/[id]/+page.svelte b/src/routes/(app)/notes/[id]/+page.svelte
index 4e0813b683..390c1de313 100644
--- a/src/routes/(app)/notes/[id]/+page.svelte
+++ b/src/routes/(app)/notes/[id]/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
 	import { page } from '$app/stores';
+	import { showSidebar } from '$lib/stores';
+
 	import NoteEditor from '$lib/components/notes/NoteEditor.svelte';
 </script>
 
-<div id="note-container" class="w-full h-full">
+<div id="note-container" class="w-full h-full {$showSidebar ? 'md:max-w-[calc(100%-260px)]' : ''}">
 	<NoteEditor id={$page.params.id} />
 </div>