diff --git a/src/app/ui/Layout.svelte b/src/app/ui/Layout.svelte
index f3b6872..2702d0a 100644
--- a/src/app/ui/Layout.svelte
+++ b/src/app/ui/Layout.svelte
@@ -14,12 +14,16 @@
  * throughout the application.
  */
 import favicon from '$shared/assets/favicon.svg';
-import * as Sidebar from '$shared/shadcn/ui/sidebar/index';
-import { FiltersSidebar } from '$widgets/FiltersSidebar';
-import TypographyMenu from '$widgets/TypographySettings/ui/TypographyMenu.svelte';
+import { Provider as TooltipProvider } from '$shared/shadcn/ui/tooltip';
+import { TypographyMenu } from '$widgets/TypographySettings';
+import type { Snippet } from 'svelte';
+
+interface Props {
+    children: Snippet;
+}
 
 /** Slot content for route pages to render */
-let { children } = $props();
+let { children }: Props = $props();
 </script>
 
 <svelte:head>
@@ -35,22 +39,14 @@ let { children } = $props();
     >
 </svelte:head>
 
-<div id="app-root">
+<div id="app-root" class="min-h-screen flex flex-col bg-background">
     <header></header>
 
-    <Sidebar.Provider>
-        <FiltersSidebar />
-        <main class="w-dvw">
+    <main class="flex-1 w-full max-w-5xl mx-auto px-4 py-6 md:px-8 lg:py-10">
+        <TooltipProvider>
             <TypographyMenu />
             {@render children?.()}
-        </main>
-    </Sidebar.Provider>
+        </TooltipProvider>
+    </main>
     <footer></footer>
 </div>
-
-<style>
-#app-root {
-    width: 100%;
-    height: 100vh;
-}
-</style>