diff --git a/src/components/AppSidebar.tsx b/src/components/AppSidebar.tsx
index b06b3ca..06a9e4c 100644
--- a/src/components/AppSidebar.tsx
+++ b/src/components/AppSidebar.tsx
@@ -1,6 +1,6 @@
 import { Check, Plus, Sun, Moon } from "lucide-react"
 
-import { Sidebar, SidebarContent, SidebarHeader, SidebarFooter, SidebarTrigger } from "@/components/ui/sidebar"
+import { Sidebar, SidebarContent, SidebarHeader, SidebarFooter } from "@/components/ui/sidebar"
 import { Button } from "@/components/ui/button"
 import { ScrollArea } from "@/components/ui/scroll-area"
 import { Input } from "@/components/ui/input"
diff --git a/src/components/NoteEditor.tsx b/src/components/NoteEditor.tsx
index f97bc2d..65f4153 100644
--- a/src/components/NoteEditor.tsx
+++ b/src/components/NoteEditor.tsx
@@ -15,13 +15,13 @@ function NoteEditor() {
 
   if (!currentNote) return (
     <div className="p-6">
-      <p>Select a note</p>
     </div>
   )
 
   return (
-    <div className="p-6">
-      <h1>{ currentNote.title }</h1>
+    <div className="p-6 w-full max-w-7/10 mx-auto">
+      <div className="h-16" role="spacer"></div>
+      <h1 className="text-4xl font-medium mb-4">{ currentNote.title }</h1>
       <BlockNoteView editor={editor as any} theme={theme} />
     </div>
   )
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index cc93cba..b7a42c5 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -267,7 +267,7 @@ function SidebarTrigger({
       data-slot="sidebar-trigger"
       variant="ghost"
       size="icon"
-      className={cn("size-7", className)}
+      className={cn("size-10 top-2 left-2", className)}
       onClick={(event) => {
         onClick?.(event)
         toggleSidebar()
diff --git a/src/index.css b/src/index.css
index eff6f74..b922105 100644
--- a/src/index.css
+++ b/src/index.css
@@ -126,6 +126,10 @@ body {
   }
 }
 
+.bn-editor {
+  padding-inline: 0 !important;
+}
+
 @layer base {
   * {
     @apply border-border outline-ring/50;