diff --git a/src/AvaloniaInside.Shell/NavigationBar.cs b/src/AvaloniaInside.Shell/NavigationBar.cs
index 29e00e2..15c1a22 100644
--- a/src/AvaloniaInside.Shell/NavigationBar.cs
+++ b/src/AvaloniaInside.Shell/NavigationBar.cs
@@ -19,6 +19,17 @@ public class NavigationBar : TemplatedControl
 
 	private object? _pendingHeader;
 
+	public NavigationBar(ShellView shellView)
+	{
+		ShellView = shellView;
+	}
+
+	public NavigationBar(Page page)
+	{
+		Page = page;
+		ShellView = page.Shell;
+	}
+
 	#region ShellView
 
     public static readonly StyledProperty<ShellView?> ShellViewProperty =
@@ -27,7 +38,20 @@ public class NavigationBar : TemplatedControl
     public ShellView? ShellView
     {
 	    get => GetValue(ShellViewProperty);
-	    internal set => SetValue(ShellViewProperty, value);
+	    private set => SetValue(ShellViewProperty, value);
+    }
+
+    #endregion
+
+    #region Page
+
+    public static readonly StyledProperty<Page?> PageProperty =
+	    AvaloniaProperty.Register<NavigationBar, Page?>(nameof(Page));
+
+    public Page? Page
+    {
+	    get => GetValue(PageProperty);
+	    private set => SetValue(PageProperty, value);
     }
 
     #endregion
@@ -119,28 +143,28 @@ public object? CurrentView
 
 	#endregion
 
-	#region TopSafeSpace
+	#region SafePadding
 
-	public static readonly StyledProperty<double> TopSafeSpaceProperty =
-		AvaloniaProperty.Register<NavigationBar, double>(nameof(TopSafeSpace));
+	public static readonly StyledProperty<Thickness> SafePaddingProperty =
+		AvaloniaProperty.Register<NavigationBar, Thickness>(nameof(SafePadding));
 
-	public double TopSafeSpace
+	public Thickness SafePadding
 	{
-		get => GetValue(TopSafeSpaceProperty);
-		set => SetValue(TopSafeSpaceProperty, value);
+		get => GetValue(SafePaddingProperty);
+		set => SetValue(SafePaddingProperty, value);
 	}
 
 	#endregion
 
-	#region TopSafePadding
+	#region PlatformHeight
 
-	public static readonly StyledProperty<Thickness> TopSafePaddingProperty =
-		AvaloniaProperty.Register<NavigationBar, Thickness>(nameof(TopSafePadding));
+	public static readonly StyledProperty<double> PlatformHeightProperty =
+		AvaloniaProperty.Register<NavigationBar, double>(nameof(PlatformHeight), defaultValue: 36);
 
-	public Thickness TopSafePadding
+	public double PlatformHeight
 	{
-		get => GetValue(TopSafePaddingProperty);
-		set => SetValue(TopSafePaddingProperty, value);
+		get => GetValue(PlatformHeightProperty);
+		set => SetValue(PlatformHeightProperty, value);
 	}
 
 	#endregion
@@ -158,6 +182,110 @@ public bool ApplyTopSafePadding
 
 	#endregion
 
+	#region ApplyLeftSafePadding
+
+	public static readonly StyledProperty<bool> ApplyLeftSafePaddingProperty =
+		AvaloniaProperty.Register<NavigationBar, bool>(nameof(ApplyLeftSafePadding), defaultValue: true);
+
+	public bool ApplyLeftSafePadding
+	{
+		get => GetValue(ApplyLeftSafePaddingProperty);
+		set => SetValue(ApplyLeftSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region ApplyRightSafePadding
+
+	public static readonly StyledProperty<bool> ApplyRightSafePaddingProperty =
+		AvaloniaProperty.Register<NavigationBar, bool>(nameof(ApplyRightSafePadding), defaultValue: true);
+
+	public bool ApplyRightSafePadding
+	{
+		get => GetValue(ApplyRightSafePaddingProperty);
+		set => SetValue(ApplyRightSafePaddingProperty, value);
+	}
+
+	#endregion
+
+    #region TopSafeSpace
+
+    public static readonly StyledProperty<double> TopSafeSpaceProperty =
+	    AvaloniaProperty.Register<NavigationBar, double>(nameof(TopSafeSpace));
+
+    public double TopSafeSpace
+    {
+	    get => GetValue(TopSafeSpaceProperty);
+	    set => SetValue(TopSafeSpaceProperty, value);
+    }
+
+    #endregion
+
+    #region TopSafePadding
+
+    public static readonly StyledProperty<Thickness> TopSafePaddingProperty =
+	    AvaloniaProperty.Register<NavigationBar, Thickness>(nameof(TopSafePadding));
+
+    public Thickness TopSafePadding
+    {
+	    get => GetValue(TopSafePaddingProperty);
+	    set => SetValue(TopSafePaddingProperty, value);
+    }
+
+    #endregion
+
+    #region LeftSafeSpace
+
+    public static readonly StyledProperty<double> LeftSafeSpaceProperty =
+	    AvaloniaProperty.Register<NavigationBar, double>(nameof(LeftSafeSpace));
+
+    public double LeftSafeSpace
+    {
+	    get => GetValue(LeftSafeSpaceProperty);
+	    set => SetValue(LeftSafeSpaceProperty, value);
+    }
+
+    #endregion
+
+    #region LeftSafePadding
+
+    public static readonly StyledProperty<Thickness> LeftSafePaddingProperty =
+	    AvaloniaProperty.Register<NavigationBar, Thickness>(nameof(LeftSafePadding));
+
+    public Thickness LeftSafePadding
+    {
+	    get => GetValue(LeftSafePaddingProperty);
+	    set => SetValue(LeftSafePaddingProperty, value);
+    }
+
+    #endregion
+
+    #region RightSafeSpace
+
+    public static readonly StyledProperty<double> RightSafeSpaceProperty =
+	    AvaloniaProperty.Register<NavigationBar, double>(nameof(RightSafeSpace));
+
+    public double RightSafeSpace
+    {
+	    get => GetValue(RightSafeSpaceProperty);
+	    set => SetValue(RightSafeSpaceProperty, value);
+    }
+
+    #endregion
+
+    #region RightSafePadding
+
+    public static readonly StyledProperty<Thickness> RightSafePaddingProperty =
+	    AvaloniaProperty.Register<NavigationBar, Thickness>(nameof(RightSafePadding));
+
+    public Thickness RightSafePadding
+    {
+	    get => GetValue(RightSafePaddingProperty);
+	    set => SetValue(RightSafePaddingProperty, value);
+    }
+
+    #endregion
+
 	#region Attached properties
 
 	#region Item
@@ -219,10 +347,17 @@ public static void SetVisible(AvaloniaObject element, bool parameter) =>
 	protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change)
 	{
 		base.OnPropertyChanged(change);
+
 		if (change.Property == ShellViewProperty)
 		{
 			ShellViewUpdated();
 		}
+		else if (change.Property == SafePaddingProperty ||
+		         change.Property == ApplyTopSafePaddingProperty ||
+		         change.Property == PlatformHeightProperty)
+		{
+			UpdateSafePaddingSizes();
+		}
 	}
 
 	protected override void OnLoaded(RoutedEventArgs e)
@@ -231,6 +366,8 @@ protected override void OnLoaded(RoutedEventArgs e)
 
 		if (_pendingHeader != null)
 			UpdateView(_pendingHeader);
+
+		UpdateSafePaddingSizes();
 	}
 
 	protected virtual void ShellViewUpdated()
@@ -240,12 +377,25 @@ protected virtual void ShellViewUpdated()
 		_backCommand = shellView.BackCommand;
 		_sideMenuCommand = shellView.SideMenuCommand;
 
-		this[!TopSafePaddingProperty] = shellView[!ShellView.TopSafePaddingProperty];
-		this[!TopSafeSpaceProperty] = shellView[!ShellView.TopSafeSpaceProperty];
-		this[!ApplyTopSafePaddingProperty] = shellView[!ShellView.ApplyTopSafePaddingProperty];
+		this[!SafePaddingProperty] = shellView[!ShellView.SafePaddingProperty];
+
+		if (Page is { } page)
+		{
+			this[!ApplyTopSafePaddingProperty] = shellView[!ShellView.EnableSafeAreaForTopProperty];
+			this[!ApplyLeftSafePaddingProperty] = shellView[!ShellView.EnableSafeAreaForLeftProperty];
+			this[!ApplyRightSafePaddingProperty] = shellView[!ShellView.EnableSafeAreaForRightProperty];
 
-		if (shellView.ContentView?.CurrentView is { } currentView)
-			UpdateView(currentView);
+			UpdateView(page);
+		}
+		else
+		{
+			this[!ApplyTopSafePaddingProperty] = shellView[!ShellView.ApplyTopSafePaddingProperty];
+			this[!ApplyLeftSafePaddingProperty] = shellView[!ShellView.ApplyLeftSafePaddingProperty];
+			this[!ApplyRightSafePaddingProperty] = shellView[!ShellView.ApplyRightSafePaddingProperty];
+
+			if (shellView.ContentView?.CurrentView is { } currentView)
+				UpdateView(currentView);
+		}
 	}
 
 	protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
@@ -261,6 +411,8 @@ protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
 
 		if (_pendingHeader != null)
 			UpdateView(_pendingHeader);
+
+		UpdateSafePaddingSizes();
 	}
 
 	#endregion
@@ -362,4 +514,20 @@ protected virtual void UpdateHeader(object? view, ContentControl itemPresenter)
 	}
 
 	#endregion
+
+	#region Sizing
+
+	protected virtual void UpdateSafePaddingSizes()
+	{
+		TopSafeSpace = SafePadding.Top;
+		TopSafePadding = new Thickness(0, SafePadding.Top, 0, 0);
+		LeftSafeSpace = SafePadding.Left;
+		LeftSafePadding = new Thickness(SafePadding.Left, 0, 0, 0);
+		RightSafeSpace = SafePadding.Right;
+		RightSafePadding = new Thickness(0, 0, SafePadding.Right, 0);
+
+		Height = PlatformHeight + (ApplyTopSafePadding ? SafePadding.Top : 0);
+	}
+
+	#endregion
 }
diff --git a/src/AvaloniaInside.Shell/Page.cs b/src/AvaloniaInside.Shell/Page.cs
index 22e3001..a64f275 100644
--- a/src/AvaloniaInside.Shell/Page.cs
+++ b/src/AvaloniaInside.Shell/Page.cs
@@ -39,6 +39,201 @@ public ShellView? Shell
 
 	#endregion
 
+	#region SafePadding
+
+	public static readonly StyledProperty<Thickness> SafePaddingProperty =
+		AvaloniaProperty.Register<Page, Thickness>(nameof(SafePadding));
+
+	public Thickness SafePadding
+	{
+		get => GetValue(SafePaddingProperty);
+		set => SetValue(SafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region ApplyTopSafePadding
+
+	public static readonly StyledProperty<bool> ApplyTopSafePaddingProperty =
+		AvaloniaProperty.Register<Page, bool>(nameof(ApplyTopSafePadding), defaultValue: true);
+
+	public bool ApplyTopSafePadding
+	{
+		get => GetValue(ApplyTopSafePaddingProperty);
+		set => SetValue(ApplyTopSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region ApplyBottomSafePadding
+
+	public static readonly StyledProperty<bool> ApplyBottomSafePaddingProperty =
+		AvaloniaProperty.Register<Page, bool>(nameof(ApplyBottomSafePadding), defaultValue: true);
+
+	public bool ApplyBottomSafePadding
+	{
+		get => GetValue(ApplyBottomSafePaddingProperty);
+		set => SetValue(ApplyBottomSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region ApplyLeftSafePadding
+
+	public static readonly StyledProperty<bool> ApplyLeftSafePaddingProperty =
+		AvaloniaProperty.Register<Page, bool>(nameof(ApplyLeftSafePadding), defaultValue: true);
+
+	public bool ApplyLeftSafePadding
+	{
+		get => GetValue(ApplyLeftSafePaddingProperty);
+		set => SetValue(ApplyLeftSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region ApplyRightSafePadding
+
+	public static readonly StyledProperty<bool> ApplyRightSafePaddingProperty =
+		AvaloniaProperty.Register<Page, bool>(nameof(ApplyRightSafePadding), defaultValue: true);
+
+	public bool ApplyRightSafePadding
+	{
+		get => GetValue(ApplyRightSafePaddingProperty);
+		set => SetValue(ApplyRightSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region TopSafeSpace
+
+	public static readonly StyledProperty<double> TopSafeSpaceProperty =
+		AvaloniaProperty.Register<Page, double>(nameof(TopSafeSpace));
+
+	public double TopSafeSpace
+	{
+		get => GetValue(TopSafeSpaceProperty);
+		set => SetValue(TopSafeSpaceProperty, value);
+	}
+
+	#endregion
+
+	#region TopSafePadding
+
+	public static readonly StyledProperty<Thickness> TopSafePaddingProperty =
+		AvaloniaProperty.Register<Page, Thickness>(nameof(TopSafePadding));
+
+	public Thickness TopSafePadding
+	{
+		get => GetValue(TopSafePaddingProperty);
+		set => SetValue(TopSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region BottomSafeSpace
+
+	public static readonly StyledProperty<double> BottomSafeSpaceProperty =
+		AvaloniaProperty.Register<Page, double>(nameof(BottomSafeSpace));
+
+	public double BottomSafeSpace
+	{
+		get => GetValue(BottomSafeSpaceProperty);
+		set => SetValue(BottomSafeSpaceProperty, value);
+	}
+
+	#endregion
+
+	#region BottomSafePadding
+
+	public static readonly StyledProperty<Thickness> BottomSafePaddingProperty =
+		AvaloniaProperty.Register<Page, Thickness>(nameof(BottomSafePadding));
+
+	public Thickness BottomSafePadding
+	{
+		get => GetValue(BottomSafePaddingProperty);
+		set => SetValue(BottomSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region LeftSafeSpace
+
+	public static readonly StyledProperty<double> LeftSafeSpaceProperty =
+		AvaloniaProperty.Register<Page, double>(nameof(LeftSafeSpace));
+
+	public double LeftSafeSpace
+	{
+		get => GetValue(LeftSafeSpaceProperty);
+		set => SetValue(LeftSafeSpaceProperty, value);
+	}
+
+	#endregion
+
+	#region LeftSafePadding
+
+	public static readonly StyledProperty<Thickness> LeftSafePaddingProperty =
+		AvaloniaProperty.Register<Page, Thickness>(nameof(LeftSafePadding));
+
+	public Thickness LeftSafePadding
+	{
+		get => GetValue(LeftSafePaddingProperty);
+		set => SetValue(LeftSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region RightSafeSpace
+
+	public static readonly StyledProperty<double> RightSafeSpaceProperty =
+		AvaloniaProperty.Register<Page, double>(nameof(RightSafeSpace));
+
+	public double RightSafeSpace
+	{
+		get => GetValue(RightSafeSpaceProperty);
+		set => SetValue(RightSafeSpaceProperty, value);
+	}
+
+	#endregion
+
+	#region RightSafePadding
+
+	public static readonly StyledProperty<Thickness> RightSafePaddingProperty =
+		AvaloniaProperty.Register<Page, Thickness>(nameof(RightSafePadding));
+
+	public Thickness RightSafePadding
+	{
+		get => GetValue(RightSafePaddingProperty);
+		set => SetValue(RightSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region PageSafePadding
+
+	public static readonly StyledProperty<Thickness> PageSafePaddingProperty =
+		AvaloniaProperty.Register<Page, Thickness>(nameof(PageSafePadding));
+
+	public Thickness PageSafePadding
+	{
+		get => GetValue(PageSafePaddingProperty);
+		set => SetValue(PageSafePaddingProperty, value);
+	}
+
+	#endregion
+
+	#region TabSafePadding
+
+	public static readonly StyledProperty<Thickness> TabSafePaddingProperty =
+		AvaloniaProperty.Register<Page, Thickness>(nameof(TabSafePadding));
+
+	public Thickness TabSafePadding
+	{
+		get => GetValue(TabSafePaddingProperty);
+		set => SetValue(TabSafePaddingProperty, value);
+	}
+
+	#endregion
+
 	#endregion
 
 	#region Lifecycle
@@ -64,6 +259,27 @@ protected override void OnLoaded(RoutedEventArgs e)
 		base.OnLoaded(e);
 		ApplyNavigationBar();
 		AttachedNavigationBar?.UpdateView(this);
+
+		this[!ApplyTopSafePaddingProperty] = this[!ShellView.EnableSafeAreaForTopProperty];
+		this[!ApplyBottomSafePaddingProperty] = this[!ShellView.EnableSafeAreaForBottomProperty];
+		this[!ApplyLeftSafePaddingProperty] = this[!ShellView.EnableSafeAreaForLeftProperty];
+		this[!ApplyRightSafePaddingProperty] = this[!ShellView.ApplyRightSafePaddingProperty];
+	}
+
+	protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change)
+	{
+		base.OnPropertyChanged(change);
+		if (change.Property == ShellProperty)
+		{
+			if (Shell != null)
+			{
+				this[!SafePaddingProperty] = Shell[!ShellView.SafePaddingProperty];
+			}
+		}
+		else if (change.Property == SafePaddingProperty)
+		{
+			UpdateSafePaddingSizes();
+		}
 	}
 
 	protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
@@ -84,10 +300,26 @@ private void ApplyNavigationBar()
 		    (type == NavigationBarAttachType.ToFirstHostThenPage && Chain?.Back is HostNavigationChain))
 			return;
 
-		_navigationBarPlaceHolder.Content = _navigationBar = new NavigationBar
-		{
-			ShellView = Shell
-		};
+		_navigationBarPlaceHolder.Content = _navigationBar = new NavigationBar(this);
+	}
+
+	#endregion
+
+	#region Sizing
+
+	protected virtual void UpdateSafePaddingSizes()
+	{
+		TopSafeSpace = SafePadding.Top;
+		TopSafePadding = new Thickness(0, SafePadding.Top, 0, 0);
+		BottomSafeSpace = SafePadding.Bottom;
+		BottomSafePadding = new Thickness(0, 0, 0, SafePadding.Bottom);
+		LeftSafeSpace = SafePadding.Left;
+		LeftSafePadding = new Thickness(SafePadding.Left, 0, 0, 0);
+		RightSafeSpace = SafePadding.Right;
+		RightSafePadding = new Thickness(0, 0, SafePadding.Right, 0);
+
+		PageSafePadding  = new Thickness(SafePadding.Left, 0, SafePadding.Right, SafePadding.Bottom);
+
 	}
 
 	#endregion
diff --git a/src/AvaloniaInside.Shell/Platform/PlatformSetup.cs b/src/AvaloniaInside.Shell/Platform/PlatformSetup.cs
index 947d534..e686396 100644
--- a/src/AvaloniaInside.Shell/Platform/PlatformSetup.cs
+++ b/src/AvaloniaInside.Shell/Platform/PlatformSetup.cs
@@ -70,9 +70,7 @@ public static NavigationBarAttachType NavigationBarAttachType
     {
 	    get
 	    {
-		    if (OperatingSystem.IsIOS())
-			    return NavigationBarAttachType.ToFirstHostThenPage;
-		    return NavigationBarAttachType.ToShell;
+		    return NavigationBarAttachType.ToFirstHostThenPage;
 	    }
     }
 }
diff --git a/src/AvaloniaInside.Shell/ShellView.cs b/src/AvaloniaInside.Shell/ShellView.cs
index f8cfd5c..4589c25 100644
--- a/src/AvaloniaInside.Shell/ShellView.cs
+++ b/src/AvaloniaInside.Shell/ShellView.cs
@@ -11,7 +11,6 @@
 using Avalonia.Controls.Primitives;
 using Avalonia.Input;
 using Avalonia.Interactivity;
-using Avalonia.Threading;
 using AvaloniaInside.Shell.Platform;
 using ReactiveUI;
 using Splat;
@@ -70,6 +69,8 @@ public enum SideMenuBehaveType
 
     public ICommand SideMenuCommand { get; set; }
 
+    protected override Type StyleKeyOverride => typeof(ShellView);
+
     #region ScreenSize
 
     private ScreenSizeType _screenSize = ScreenSizeType.Large;
@@ -105,67 +106,95 @@ public ScreenSizeType ScreenSize
 
     #endregion
 
-    #region TopSafeSpace
+    #region DefaultPageTransition
 
-    public static readonly StyledProperty<double> TopSafeSpaceProperty =
-        AvaloniaProperty.Register<ShellView, double>(nameof(TopSafeSpace));
+    /// <summary>
+    /// Defines the <see cref="DefaultPageTransitionProperty"/> property.
+    /// </summary>
+    public static readonly StyledProperty<IPageTransition?> DefaultPageTransitionProperty =
+        AvaloniaProperty.Register<ShellView, IPageTransition?>(
+            nameof(DefaultPageTransition),
+            defaultValue: PlatformSetup.TransitionForPage);
 
-    public double TopSafeSpace
+    /// <summary>
+    /// Gets or sets the animation played when content appears and disappears.
+    /// </summary>
+    public IPageTransition? DefaultPageTransition
     {
-        get => GetValue(TopSafeSpaceProperty);
-        set => SetValue(TopSafeSpaceProperty, value);
+        get => GetValue(DefaultPageTransitionProperty);
+        set => SetValue(DefaultPageTransitionProperty, value);
     }
 
     #endregion
 
-    #region BottomSafeSpace
+    #region ModalPageTransition
 
-    public static readonly StyledProperty<double> BottomSafeSpaceProperty =
-        AvaloniaProperty.Register<ShellView, double>(nameof(BottomSafeSpace));
+    /// <summary>
+    /// Defines the <see cref="DefaultPageTransitionProperty"/> property.
+    /// </summary>
+    public static readonly StyledProperty<IPageTransition?> ModalPageTransitionProperty =
+	    AvaloniaProperty.Register<ShellView, IPageTransition?>(
+		    nameof(ModalPageTransition),
+		    defaultValue: PlatformSetup.TransitionForModal);
 
-    public double BottomSafeSpace
+    /// <summary>
+    /// Gets or sets the animation played when content appears and disappears.
+    /// </summary>
+    public IPageTransition? ModalPageTransition
     {
-        get => GetValue(BottomSafeSpaceProperty);
-        set => SetValue(BottomSafeSpaceProperty, value);
+	    get => GetValue(ModalPageTransitionProperty);
+	    set => SetValue(ModalPageTransitionProperty, value);
     }
 
     #endregion
 
-    #region TopSafePadding
+    #region NavigationBarAttachType
 
-    public static readonly StyledProperty<Thickness> TopSafePaddingProperty =
-        AvaloniaProperty.Register<ShellView, Thickness>(nameof(TopSafePadding));
+    /// <summary>
+    /// Defines the <see cref="NavigationBarAttachTypeProperty"/> property.
+    /// </summary>
+    public static readonly StyledProperty<NavigationBarAttachType> NavigationBarAttachTypeProperty =
+	    AvaloniaProperty.Register<ShellView, NavigationBarAttachType>(
+		    nameof(NavigationBarAttachType),
+		    defaultValue: PlatformSetup.NavigationBarAttachType);
 
-    public Thickness TopSafePadding
+    /// <summary>
+    /// Gets or sets the type of attach navigation bar.
+    /// </summary>
+    public NavigationBarAttachType NavigationBarAttachType
     {
-        get => GetValue(TopSafePaddingProperty);
-        set => SetValue(TopSafePaddingProperty, value);
+	    get => GetValue(NavigationBarAttachTypeProperty);
+	    set => SetValue(NavigationBarAttachTypeProperty, value);
     }
 
     #endregion
 
-    #region BottomSafePadding
+    #endregion
+
+    #region Safe area properties
+
+    #region SafePadding
 
-    public static readonly StyledProperty<Thickness> BottomSafePaddingProperty =
-        AvaloniaProperty.Register<ShellView, Thickness>(nameof(BottomSafePadding));
+    public static readonly StyledProperty<Thickness> SafePaddingProperty =
+	    AvaloniaProperty.Register<ShellView, Thickness>(nameof(SafePadding));
 
-    public Thickness BottomSafePadding
+    public Thickness SafePadding
     {
-        get => GetValue(BottomSafePaddingProperty);
-        set => SetValue(BottomSafePaddingProperty, value);
+	    get => GetValue(SafePaddingProperty);
+	    set => SetValue(SafePaddingProperty, value);
     }
 
     #endregion
 
-    #region SafePadding
+    #region EnableSafeArea
 
-    public static readonly StyledProperty<Thickness> SafePaddingProperty =
-        AvaloniaProperty.Register<ShellView, Thickness>(nameof(SafePadding));
+    public static readonly StyledProperty<bool> EnableSafeAreaProperty =
+	    AvaloniaProperty.Register<ShellView, bool>(nameof(EnableSafeArea), defaultValue: true);
 
-    public Thickness SafePadding
+    public bool EnableSafeArea
     {
-        get => GetValue(SafePaddingProperty);
-        set => SetValue(SafePaddingProperty, value);
+	    get => GetValue(EnableSafeAreaProperty);
+	    set => SetValue(EnableSafeAreaProperty, value);
     }
 
     #endregion
@@ -173,12 +202,12 @@ public Thickness SafePadding
     #region ApplyTopSafePadding
 
     public static readonly StyledProperty<bool> ApplyTopSafePaddingProperty =
-        AvaloniaProperty.Register<ShellView, bool>(nameof(ApplyTopSafePadding), defaultValue: true);
+	    AvaloniaProperty.Register<NavigationBar, bool>(nameof(ApplyTopSafePadding), defaultValue: true);
 
     public bool ApplyTopSafePadding
     {
-        get => GetValue(ApplyTopSafePaddingProperty);
-        set => SetValue(ApplyTopSafePaddingProperty, value);
+	    get => GetValue(ApplyTopSafePaddingProperty);
+	    private set => SetValue(ApplyTopSafePaddingProperty, value);
     }
 
     #endregion
@@ -186,75 +215,38 @@ public bool ApplyTopSafePadding
     #region ApplyBottomSafePadding
 
     public static readonly StyledProperty<bool> ApplyBottomSafePaddingProperty =
-        AvaloniaProperty.Register<ShellView, bool>(nameof(ApplyBottomSafePadding), defaultValue: true);
+	    AvaloniaProperty.Register<NavigationBar, bool>(nameof(ApplyBottomSafePadding), defaultValue: true);
 
     public bool ApplyBottomSafePadding
     {
-        get => GetValue(ApplyBottomSafePaddingProperty);
-        set => SetValue(ApplyBottomSafePaddingProperty, value);
-    }
-
-    #endregion
-
-    #region DefaultPageTransition
-
-    /// <summary>
-    /// Defines the <see cref="DefaultPageTransitionProperty"/> property.
-    /// </summary>
-    public static readonly StyledProperty<IPageTransition?> DefaultPageTransitionProperty =
-        AvaloniaProperty.Register<ShellView, IPageTransition?>(
-            nameof(DefaultPageTransition),
-            defaultValue: PlatformSetup.TransitionForPage);
-
-    /// <summary>
-    /// Gets or sets the animation played when content appears and disappears.
-    /// </summary>
-    public IPageTransition? DefaultPageTransition
-    {
-        get => GetValue(DefaultPageTransitionProperty);
-        set => SetValue(DefaultPageTransitionProperty, value);
+	    get => GetValue(ApplyBottomSafePaddingProperty);
+	    private set => SetValue(ApplyBottomSafePaddingProperty, value);
     }
 
     #endregion
 
-    #region ModalPageTransition
+    #region ApplyLeftSafePadding
 
-    /// <summary>
-    /// Defines the <see cref="DefaultPageTransitionProperty"/> property.
-    /// </summary>
-    public static readonly StyledProperty<IPageTransition?> ModalPageTransitionProperty =
-	    AvaloniaProperty.Register<ShellView, IPageTransition?>(
-		    nameof(ModalPageTransition),
-		    defaultValue: PlatformSetup.TransitionForModal);
+    public static readonly StyledProperty<bool> ApplyLeftSafePaddingProperty =
+	    AvaloniaProperty.Register<NavigationBar, bool>(nameof(ApplyLeftSafePadding), defaultValue: true);
 
-    /// <summary>
-    /// Gets or sets the animation played when content appears and disappears.
-    /// </summary>
-    public IPageTransition? ModalPageTransition
+    public bool ApplyLeftSafePadding
     {
-	    get => GetValue(ModalPageTransitionProperty);
-	    set => SetValue(ModalPageTransitionProperty, value);
+	    get => GetValue(ApplyLeftSafePaddingProperty);
+	    private set => SetValue(ApplyLeftSafePaddingProperty, value);
     }
 
     #endregion
 
-    #region NavigationBarAttachType
+    #region ApplyRightSafePadding
 
-    /// <summary>
-    /// Defines the <see cref="NavigationBarAttachTypeProperty"/> property.
-    /// </summary>
-    public static readonly StyledProperty<NavigationBarAttachType> NavigationBarAttachTypeProperty =
-	    AvaloniaProperty.Register<ShellView, NavigationBarAttachType>(
-		    nameof(NavigationBarAttachType),
-		    defaultValue: PlatformSetup.NavigationBarAttachType);
+    public static readonly StyledProperty<bool> ApplyRightSafePaddingProperty =
+	    AvaloniaProperty.Register<NavigationBar, bool>(nameof(ApplyRightSafePadding), defaultValue: true);
 
-    /// <summary>
-    /// Gets or sets the type of attach navigation bar.
-    /// </summary>
-    public NavigationBarAttachType NavigationBarAttachType
+    public bool ApplyRightSafePadding
     {
-	    get => GetValue(NavigationBarAttachTypeProperty);
-	    set => SetValue(NavigationBarAttachTypeProperty, value);
+	    get => GetValue(ApplyRightSafePaddingProperty);
+	    private set => SetValue(ApplyRightSafePaddingProperty, value);
     }
 
     #endregion
@@ -291,6 +283,34 @@ public static void SetEnableSafeAreaForBottom(AvaloniaObject element, bool param
 
     #endregion
 
+    #region EnableSafeAreaForLeft
+
+    public static readonly AttachedProperty<bool> EnableSafeAreaForLeftProperty =
+	    AvaloniaProperty.RegisterAttached<NavigationBar, AvaloniaObject, bool>("EnableSafeAreaForLeft",
+		    defaultValue: true);
+
+    public static bool GetEnableSafeAreaForLeft(AvaloniaObject element) =>
+	    element.GetValue(EnableSafeAreaForLeftProperty);
+
+    public static void SetEnableSafeAreaForLeft(AvaloniaObject element, bool parameter) =>
+	    element.SetValue(EnableSafeAreaForLeftProperty, parameter);
+
+    #endregion
+
+    #region EnableSafeAreaForRight
+
+    public static readonly AttachedProperty<bool> EnableSafeAreaForRightProperty =
+	    AvaloniaProperty.RegisterAttached<NavigationBar, AvaloniaObject, bool>("EnableSafeAreaForRight",
+		    defaultValue: true);
+
+    public static bool GetEnableSafeAreaForRight(AvaloniaObject element) =>
+	    element.GetValue(EnableSafeAreaForRightProperty);
+
+    public static void SetEnableSafeAreaForRight(AvaloniaObject element, bool parameter) =>
+	    element.SetValue(EnableSafeAreaForRightProperty, parameter);
+
+    #endregion
+
     #endregion
 
     #region Ctor and loading
@@ -332,9 +352,10 @@ protected override void OnLoaded(RoutedEventArgs e)
             _loadedFlag = true;
         }
 
-        if (TopLevel.GetTopLevel(this) is { InsetsManager: { } insetsManager })
+        if (EnableSafeArea && TopLevel.GetTopLevel(this) is { InsetsManager: { } insetsManager })
         {
             insetsManager.DisplayEdgeToEdge = true;
+            insetsManager.SafeAreaChanged += (s, e) => OnSafeEdgeSetup();
         }
 
         OnSafeEdgeSetup();
@@ -363,9 +384,6 @@ protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs chang
             case nameof(SmallScreenSideMenuMode):
                 UpdateSideMenu();
                 break;
-            case nameof(SafePadding):
-                OnSafeEdgeSetup();
-                break;
         }
     }
 
@@ -375,11 +393,6 @@ private void SetupUi()
         UpdateSideMenu();
         SetupNavigationBar();
 
-        if (_navigationBar is { } navigationBar)
-        {
-	        navigationBar.ShellView = this;
-        }
-
         if (_splitView != null)
         {
 	        _splitView.PaneClosing += SplitViewOnPaneClosing;
@@ -393,18 +406,15 @@ private void SetupUi()
 
     protected virtual void OnSafeEdgeSetup()
     {
-        Dispatcher.UIThread.InvokeAsync(async () =>
-        {
-            await Task.Delay(100);
+	    if (!EnableSafeArea)
+	    {
+		    return;
+	    }
 
-            if (TopLevel.GetTopLevel(this) is { InsetsManager: { DisplayEdgeToEdge: true } insetsManager })
-                SafePadding = insetsManager.SafeAreaPadding;
+	    TopLevel.SetAutoSafeAreaPadding(this, false);
 
-            TopSafeSpace = SafePadding.Top;
-            TopSafePadding = new Thickness(0, SafePadding.Top, 0, 0);
-            BottomSafeSpace = SafePadding.Bottom;
-            BottomSafePadding = new Thickness(0, 0, 0, SafePadding.Bottom);
-        });
+        if (TopLevel.GetTopLevel(this) is { InsetsManager: { DisplayEdgeToEdge: true } insetsManager })
+            SafePadding = insetsManager.SafeAreaPadding;
     }
 
     private void SetupNavigationBar()
@@ -413,10 +423,7 @@ private void SetupNavigationBar()
 	        NavigationBarAttachType == NavigationBarAttachType.ToShell &&
 	        _navigationBar == null)
 	    {
-		    _navigationBarPlaceHolder.Content = _navigationBar = new NavigationBar
-		    {
-			    ShellView = this
-		    };
+		    _navigationBarPlaceHolder.Content = _navigationBar = new NavigationBar(this);
 	    }
     }
 
@@ -447,7 +454,7 @@ public async Task PushViewAsync(
         await (_contentView?.PushViewAsync(view, navigateType, cancellationToken) ?? Task.CompletedTask);
         AttachedNavigationBar?.UpdateView(Navigator.CurrentChain?.Instance);
         SelectSideMenuItem();
-        UpdateBindings();
+        UpdateBinding();
         UpdateSideMenu();
     }
 
@@ -457,12 +464,20 @@ public async Task RemoveViewAsync(object view,
     {
         await (_contentView?.RemoveViewAsync(view, navigateType, cancellationToken) ?? Task.CompletedTask);
         await (_modalView?.RemoveViewAsync(view, navigateType, cancellationToken) ?? Task.CompletedTask);
+
+        SelectSideMenuItem();
+        UpdateBinding();
+        UpdateSideMenu();
     }
 
     public async Task ClearStackAsync(CancellationToken cancellationToken)
     {
         await (_contentView?.ClearStackAsync(cancellationToken) ?? Task.CompletedTask);
         await (_modalView?.ClearStackAsync(cancellationToken) ?? Task.CompletedTask);
+
+        SelectSideMenuItem();
+        UpdateBinding();
+        UpdateSideMenu();
     }
 
     public Task ModalAsync(object instance, NavigateType navigateType, CancellationToken cancellationToken) =>
@@ -543,20 +558,24 @@ private void UpdateScreenSize(ScreenSizeType old, ScreenSizeType newScreen)
             UpdateSideMenu();
     }
 
-    private void UpdateBindings()
+    protected virtual void UpdateBinding()
     {
-        var view = _contentView?.CurrentView;
-        if (view is StyledElement element)
-        {
-            this[!ApplyTopSafePaddingProperty] = element[!EnableSafeAreaForTopProperty];
-            this[!ApplyBottomSafePaddingProperty] = element[!EnableSafeAreaForBottomProperty];
-        }
-        else
-        {
-            ApplyTopSafePadding = true;
-            ApplyBottomSafePadding = true;
-        }
-    }
+	    var view = _contentView?.CurrentView;
+	    if (view is StyledElement element)
+	    {
+		    this[!ApplyTopSafePaddingProperty] = element[!EnableSafeAreaForTopProperty];
+		    this[!ApplyBottomSafePaddingProperty] = element[!EnableSafeAreaForBottomProperty];
+		    this[!ApplyLeftSafePaddingProperty] = element[!EnableSafeAreaForLeftProperty];
+		    this[!ApplyRightSafePaddingProperty] = element[!ApplyRightSafePaddingProperty];
+	    }
+	    else
+	    {
+		    ApplyTopSafePadding = true;
+		    ApplyBottomSafePadding = true;
+		    ApplyLeftSafePadding = true;
+		    ApplyRightSafePadding = true;
+	    }
+	}
 
     #endregion
 }
diff --git a/src/AvaloniaInside.Shell/TabPage.cs b/src/AvaloniaInside.Shell/TabPage.cs
index d1dbb43..b494d08 100644
--- a/src/AvaloniaInside.Shell/TabPage.cs
+++ b/src/AvaloniaInside.Shell/TabPage.cs
@@ -249,4 +249,32 @@ static void SetPrivateDateTimePropertyValue<T>(T member, string propName, object
 	}
 
 	#endregion
+
+	#region Sizing
+
+	protected override void UpdateSafePaddingSizes()
+	{
+		TopSafeSpace = SafePadding.Top;
+		TopSafePadding = new Thickness(0, SafePadding.Top, 0, 0);
+		BottomSafeSpace = SafePadding.Bottom;
+		BottomSafePadding = new Thickness(0, 0, 0, SafePadding.Bottom);
+		LeftSafeSpace = SafePadding.Left;
+		LeftSafePadding = new Thickness(SafePadding.Left, 0, 0, 0);
+		RightSafeSpace = SafePadding.Right;
+		RightSafePadding = new Thickness(0, 0, SafePadding.Right, 0);
+
+		PageSafePadding  = new Thickness(
+			TabStripPlacement != Dock.Left ? SafePadding.Left : 0,
+			0,
+			TabStripPlacement != Dock.Right ? SafePadding.Right : 0,
+			TabStripPlacement != Dock.Bottom ? SafePadding.Bottom : 0);
+
+		TabSafePadding  = new Thickness(
+			TabStripPlacement != Dock.Right ? SafePadding.Left : 0,
+			0,
+			TabStripPlacement != Dock.Left ? SafePadding.Right : 0,
+			TabStripPlacement != Dock.Top ? SafePadding.Bottom : 0);
+	}
+
+	#endregion
 }
diff --git a/src/AvaloniaInside.Shell/Theme/Default/NavigationBar.axaml b/src/AvaloniaInside.Shell/Theme/Default/NavigationBar.axaml
index 5afe910..01b205b 100644
--- a/src/AvaloniaInside.Shell/Theme/Default/NavigationBar.axaml
+++ b/src/AvaloniaInside.Shell/Theme/Default/NavigationBar.axaml
@@ -12,26 +12,30 @@
 						        Height="{TemplateBinding TopSafeSpace}"
 						        IsVisible="{TemplateBinding ApplyTopSafePadding}">
 						</Border>
-						<Button Name="PART_ActionButton"
+						<Button Grid.Row="1"
+						        Name="PART_ActionButton"
+						        Margin="{TemplateBinding LeftSafePadding}"
 						        HorizontalAlignment="Left"
 						        VerticalAlignment="Center"
 						        HorizontalContentAlignment="Center"
 						        VerticalContentAlignment="Center"
-						        Width="35"
-						        Grid.Row="1">
+						        Width="35">
 						</Button>
-						<TransitioningContentControl Grid.Row="1" Name="PART_Header" HorizontalAlignment="Center"
+						<TransitioningContentControl Grid.Row="1"
+						                             Name="PART_Header"
+						                             HorizontalAlignment="Center"
 						                             VerticalAlignment="Center" />
-						<TransitioningContentControl Grid.Row="1" Name="PART_Items" HorizontalAlignment="Right"
+						<TransitioningContentControl Grid.Row="1"
+						                             Name="PART_Items"
+						                             Margin="{TemplateBinding RightSafePadding}"
+						                             HorizontalAlignment="Right"
 						                             VerticalAlignment="Center" />
 					</Grid>
 				</Border>
 			</ControlTemplate>
 		</Setter>
 
-		<Setter Property="Height" Value="36"></Setter>
-
-		<Style Selector="^ /template/  Button.BackButton">
+		<Style Selector="^ /template/ Button.BackButton">
 			<Setter Property="Template">
 				<ControlTemplate>
 					<Viewbox Stretch="UniformToFill">
@@ -44,7 +48,7 @@
 			</Setter>
 		</Style>
 
-		<Style Selector="^ /template/  Button.SideMenuButton">
+		<Style Selector="^ /template/ Button.SideMenuButton">
 			<Setter Property="RenderTransform" Value="rotate(180deg)" />
 			<Setter Property="Template">
 				<ControlTemplate>
diff --git a/src/AvaloniaInside.Shell/Theme/Default/Page.axaml b/src/AvaloniaInside.Shell/Theme/Default/Page.axaml
index 64d34ba..d2c7007 100644
--- a/src/AvaloniaInside.Shell/Theme/Default/Page.axaml
+++ b/src/AvaloniaInside.Shell/Theme/Default/Page.axaml
@@ -4,11 +4,14 @@
 		<Setter Property="Background" Value="{DynamicResource PageBackground}" />
 		<Setter Property="Template">
 			<ControlTemplate>
-				<Border Background="{TemplateBinding Background}" CornerRadius="14">
+				<Border Background="{TemplateBinding Background}"
+				        CornerRadius="14">
 					<Grid RowDefinitions="Auto,*">
-						<ContentPresenter Name="PART_NavigationBarPlaceHolder" Grid.Row="0"></ContentPresenter>
+						<ContentPresenter Grid.Row="0"
+						                  Name="PART_NavigationBarPlaceHolder"></ContentPresenter>
 						<ContentPresenter Grid.Row="1"
-						                  Content="{TemplateBinding Content}">
+						                  Content="{TemplateBinding Content}"
+						                  Margin="{TemplateBinding PageSafePadding}">
 						</ContentPresenter>
 					</Grid>
 				</Border>
diff --git a/src/AvaloniaInside.Shell/Theme/Default/ShellView.axaml b/src/AvaloniaInside.Shell/Theme/Default/ShellView.axaml
index ddc0fda..6a742eb 100644
--- a/src/AvaloniaInside.Shell/Theme/Default/ShellView.axaml
+++ b/src/AvaloniaInside.Shell/Theme/Default/ShellView.axaml
@@ -22,18 +22,6 @@
 							                  Grid.Row="1"
 							                  PageTransition="{TemplateBinding DefaultPageTransition}">
 							</StackContentView>
-							<Border Grid.Row="2"
-							        IsVisible="{TemplateBinding ApplyBottomSafePadding}"
-							        Height="{TemplateBinding BottomSafeSpace}">
-								<Border.Styles>
-									<Style Selector="Border[IsVisible=True]">
-										<Setter Property="RenderTransform" Value="scaleY(1)"></Setter>
-									</Style>
-									<Style Selector="Border[IsVisible=False]">
-										<Setter Property="RenderTransform" Value="scaleY(0)"></Setter>
-									</Style>
-								</Border.Styles>
-							</Border>
 						</Grid>
 					</SplitView>
 
diff --git a/src/AvaloniaInside.Shell/Theme/Default/TabPage.axaml b/src/AvaloniaInside.Shell/Theme/Default/TabPage.axaml
index 301c4cd..0b49c81 100644
--- a/src/AvaloniaInside.Shell/Theme/Default/TabPage.axaml
+++ b/src/AvaloniaInside.Shell/Theme/Default/TabPage.axaml
@@ -11,18 +11,18 @@
 				        HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
 				        VerticalAlignment="{TemplateBinding VerticalAlignment}">
 					<DockPanel>
-						<ContentPresenter Name="PART_NavigationBarPlaceHolder"
-						                  DockPanel.Dock="Top"></ContentPresenter>
-
 						<ContentPresenter Name="PART_TabStripPlaceHolder"
 						                  DockPanel.Dock="{TemplateBinding TabStripPlacement}"></ContentPresenter>
 
+						<ContentPresenter Name="PART_NavigationBarPlaceHolder"
+						                  DockPanel.Dock="Top"></ContentPresenter>
+
 						<Carousel Name="PART_Carousel"
 						          Margin="{TemplateBinding Padding}"
 						          SelectedItem="{TemplateBinding SelectedItem}"
 						          ItemTemplate="{TemplateBinding SelectedContentTemplate}"
 						          PageTransition="{x:Static PlatformSetup.TransitionForTab}"
-						          ItemsSource="{TemplateBinding ItemsSource}"/>
+						          ItemsSource="{TemplateBinding ItemsSource}" />
 					</DockPanel>
 				</Border>
 			</ControlTemplate>
@@ -32,7 +32,8 @@
 				<TabStrip SelectedItem="{TemplateBinding SelectedItem, Mode=TwoWay}"
 				          ItemTemplate="{TemplateBinding ItemTemplate}"
 				          ItemsPanel="{TemplateBinding ItemsPanel}"
-				          ItemsSource="{TemplateBinding ItemsSource}"></TabStrip>
+				          ItemsSource="{TemplateBinding ItemsSource}"
+				          Padding="{TemplateBinding TabSafePadding}"></TabStrip>
 			</ControlTemplate>
 		</Setter>
 		<Setter Property="SelectedContentTemplate">
diff --git a/src/Example/ShellExample/ShellExample/Views/MainView.axaml b/src/Example/ShellExample/ShellExample/Views/MainView.axaml
index 33cd087..2556243 100644
--- a/src/Example/ShellExample/ShellExample/Views/MainView.axaml
+++ b/src/Example/ShellExample/ShellExample/Views/MainView.axaml
@@ -1,107 +1,102 @@
-<UserControl xmlns="https://github.com/avaloniaui"
-             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:viewModels="clr-namespace:ShellExample.ViewModels"
-             xmlns:widgets="clr-namespace:ShellExample.Views.Widgets"
-             xmlns:views="clr-namespace:ShellExample.Views"
-             xmlns:shopViews="clr-namespace:ShellExample.Views.ShopViews"
-             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-             x:Class="ShellExample.Views.MainView"
-             TopLevel.AutoSafeAreaPadding="False">
-	<Design.DataContext>
-		<!-- This only sets the DataContext for the previewer in an IDE,
-         to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
-		<viewModels:MainViewModel />
-	</Design.DataContext>
+<ShellView xmlns="https://github.com/avaloniaui"
+           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+           xmlns:viewModels="clr-namespace:ShellExample.ViewModels"
+           xmlns:widgets="clr-namespace:ShellExample.Views.Widgets"
+           xmlns:views="clr-namespace:ShellExample.Views"
+           xmlns:shopViews="clr-namespace:ShellExample.Views.ShopViews"
+           mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+           x:Class="ShellExample.Views.MainView"
+           HorizontalAlignment="Stretch"
+           VerticalAlignment="Stretch"
+           DefaultSideMenuSize="250"
+           DefaultRoute="/welcome"
 
-	<ShellView Name="ShellViewMain"
-	           HorizontalAlignment="Stretch"
-	           VerticalAlignment="Stretch"
-			   DefaultSideMenuSize="250"
-	           DefaultRoute="/welcome"
+           SmallScreenSideMenuMode="Overlay"
+           SmallScreenSideMenuBehave="Default"
 
-	           SmallScreenSideMenuMode="Overlay"
-	           SmallScreenSideMenuBehave="Default"
+           MediumScreenSideMenuMode="Inline"
+           MediumScreenSideMenuBehave="Default"
 
-	           MediumScreenSideMenuMode="Inline"
-	           MediumScreenSideMenuBehave="Default"
+           LargeScreenSideMenuMode="Inline"
+           LargeScreenSideMenuBehave="Keep"
 
-	           LargeScreenSideMenuMode="Inline"
-	           LargeScreenSideMenuBehave="Keep"
+           DefaultPageTransition="{Binding CurrentTransition}">
+	<Design.DataContext>
+		<viewModels:MainViewModel />
+	</Design.DataContext>
 
-			   DefaultPageTransition="{Binding CurrentTransition}">
 
-		<Route Path="welcome" Page="views:WelcomeView"></Route>
+	<Route Path="welcome" Page="views:WelcomeView"></Route>
 
-		<Host Path="main" Page="TabPage" Type="ReplaceRoot">
-			<Route Path="home" Page="views:HomePage">
-				<Route Path="confirmation" Page="views:SimpleDialog" Type="Modal"></Route>
-			</Route>
-			<Host Path="pets" Page="views:PetsTabControlView" Default="cat">
-				<Route Path="cat" Page="views:CatView"></Route>
-				<Route Path="dog" Page="views:DogView"></Route>
-			</Host>
-			<Route Path="product" Page="shopViews:ProductCatalogView">
-				<Route Path="filter" Page="shopViews:ProductCatalogFilterView" Type="Modal"></Route>
-				<Route Path="detail" Page="shopViews:ProductDetailView"></Route>
-				<Route Path="confirmation" Page="shopViews:ConfirmationCloseView" Type="Modal" />
-			</Route>
-			<Route Path="setting" Page="views:SettingView">
-				<Route Path="profile" Page="views:ProfileView"></Route>
-			</Route>
+	<Host Path="main" Page="TabPage" Type="ReplaceRoot">
+		<Route Path="home" Page="views:HomePage">
+			<Route Path="confirmation" Page="views:SimpleDialog" Type="Modal"></Route>
+		</Route>
+		<Host Path="pets" Page="views:PetsTabControlView" Default="cat">
+			<Route Path="cat" Page="views:CatView"></Route>
+			<Route Path="dog" Page="views:DogView"></Route>
 		</Host>
+		<Route Path="product" Page="shopViews:ProductCatalogView">
+			<Route Path="filter" Page="shopViews:ProductCatalogFilterView" Type="Modal"></Route>
+			<Route Path="detail" Page="shopViews:ProductDetailView"></Route>
+			<Route Path="confirmation" Page="shopViews:ConfirmationCloseView" Type="Modal" />
+		</Route>
+		<Route Path="setting" Page="views:SettingView">
+			<Route Path="profile" Page="views:ProfileView"></Route>
+		</Route>
+	</Host>
 
-		<Route Path="second" Page="views:SecondView"></Route>
+	<Route Path="second" Page="views:SecondView"></Route>
 
-		<SideMenuItem Path="/main/home" Title="Home">
-			<SideMenuItem.Icon>
-				<views:FontIconImageSource Value="fa-solid fa-house" Brush="{DynamicResource ButtonForeground}" />
-			</SideMenuItem.Icon>
-		</SideMenuItem>
-		<SideMenuItem Path="/main/pets/cat" Title="Cat">
-			<SideMenuItem.Icon>
-				<views:FontIconImageSource Value="fa-solid fa-cat" Brush="{DynamicResource ButtonForeground}" />
-			</SideMenuItem.Icon>
-		</SideMenuItem>
-		<SideMenuItem Path="/main/pets/dog" Title="Dog">
-			<SideMenuItem.Icon>
-				<views:FontIconImageSource Value="fa-solid fa-dog" Brush="{DynamicResource ButtonForeground}" />
-			</SideMenuItem.Icon>
-		</SideMenuItem>
-		<SideMenuItem Path="/main/product" Title="Products">
-			<SideMenuItem.Icon>
-				<views:FontIconImageSource Value="fa-solid fa-tag" Brush="{DynamicResource ButtonForeground}" />
-			</SideMenuItem.Icon>
-		</SideMenuItem>
-		<SideMenuItem Path="/main/setting" Title="Settings">
-			<SideMenuItem.Icon>
-				<views:FontIconImageSource Value="fa-solid fa-user" Brush="{DynamicResource ButtonForeground}" />
-			</SideMenuItem.Icon>
-		</SideMenuItem>
-		<SideMenuItem Path="/second" Title="Second Click">
-			<SideMenuItem.Icon>
-				<views:FontIconImageSource Value="fa-solid fa-check" Brush="{DynamicResource ButtonForeground}" />
-			</SideMenuItem.Icon>
-		</SideMenuItem>
+	<SideMenuItem Path="/main/home" Title="Home">
+		<SideMenuItem.Icon>
+			<views:FontIconImageSource Value="fa-solid fa-house" Brush="{DynamicResource ButtonForeground}" />
+		</SideMenuItem.Icon>
+	</SideMenuItem>
+	<SideMenuItem Path="/main/pets/cat" Title="Cat">
+		<SideMenuItem.Icon>
+			<views:FontIconImageSource Value="fa-solid fa-cat" Brush="{DynamicResource ButtonForeground}" />
+		</SideMenuItem.Icon>
+	</SideMenuItem>
+	<SideMenuItem Path="/main/pets/dog" Title="Dog">
+		<SideMenuItem.Icon>
+			<views:FontIconImageSource Value="fa-solid fa-dog" Brush="{DynamicResource ButtonForeground}" />
+		</SideMenuItem.Icon>
+	</SideMenuItem>
+	<SideMenuItem Path="/main/product" Title="Products">
+		<SideMenuItem.Icon>
+			<views:FontIconImageSource Value="fa-solid fa-tag" Brush="{DynamicResource ButtonForeground}" />
+		</SideMenuItem.Icon>
+	</SideMenuItem>
+	<SideMenuItem Path="/main/setting" Title="Settings">
+		<SideMenuItem.Icon>
+			<views:FontIconImageSource Value="fa-solid fa-user" Brush="{DynamicResource ButtonForeground}" />
+		</SideMenuItem.Icon>
+	</SideMenuItem>
+	<SideMenuItem Path="/second" Title="Second Click">
+		<SideMenuItem.Icon>
+			<views:FontIconImageSource Value="fa-solid fa-check" Brush="{DynamicResource ButtonForeground}" />
+		</SideMenuItem.Icon>
+	</SideMenuItem>
 
 
-		<ShellView.SideMenuHeader>
-			<widgets:UserProfileWidgetView></widgets:UserProfileWidgetView>
-		</ShellView.SideMenuHeader>
-		<ShellView.SideMenuFooter>
-			<Border Background="#11000000" Height="25">
-				<TextBlock Text="AvaloniaInside Shell 2023"
-				           FontWeight="Light"
-				           VerticalAlignment="Center"
-				           HorizontalAlignment="Center">
-				</TextBlock>
-			</Border>
-		</ShellView.SideMenuFooter>
+	<ShellView.SideMenuHeader>
+		<widgets:UserProfileWidgetView></widgets:UserProfileWidgetView>
+	</ShellView.SideMenuHeader>
+	<ShellView.SideMenuFooter>
+		<Border Background="#11000000" Height="25">
+			<TextBlock Text="AvaloniaInside Shell 2023"
+			           FontWeight="Light"
+			           VerticalAlignment="Center"
+			           HorizontalAlignment="Center">
+			</TextBlock>
+		</Border>
+	</ShellView.SideMenuFooter>
 
-		<ShellView.SideMenuContents>
-			<widgets:WeatherView Margin="0, 20, 0, 0" />
-			<widgets:CalendarWidgetView Margin="0, 20, 0, 0" />
-		</ShellView.SideMenuContents>
-	</ShellView>
-</UserControl>
+	<ShellView.SideMenuContents>
+		<widgets:WeatherView Margin="0, 20, 0, 0" />
+		<widgets:CalendarWidgetView Margin="0, 20, 0, 0" />
+	</ShellView.SideMenuContents>
+</ShellView>
diff --git a/src/Example/ShellExample/ShellExample/Views/MainView.axaml.cs b/src/Example/ShellExample/ShellExample/Views/MainView.axaml.cs
index 87b606e..363d716 100644
--- a/src/Example/ShellExample/ShellExample/Views/MainView.axaml.cs
+++ b/src/Example/ShellExample/ShellExample/Views/MainView.axaml.cs
@@ -1,9 +1,10 @@
 using Avalonia.Controls;
 using Avalonia.Interactivity;
+using AvaloniaInside.Shell;
 
 namespace ShellExample.Views;
 
-public partial class MainView : UserControl
+public partial class MainView : ShellView
 {
 	public static MainView Current { get; private set; }
 
diff --git a/src/Example/ShellExample/ShellExample/Views/MainWindow.axaml b/src/Example/ShellExample/ShellExample/Views/MainWindow.axaml
index 24b5890..70ee737 100644
--- a/src/Example/ShellExample/ShellExample/Views/MainWindow.axaml
+++ b/src/Example/ShellExample/ShellExample/Views/MainWindow.axaml
@@ -8,19 +8,5 @@
         Icon="/Assets/avalonia-logo.ico"
         Title="ShellExample"
         Width="450">
-    <Panel>
-        <!-- <ExperimentalAcrylicBorder IsHitTestVisible="False"> -->
-        <!-- 	<ExperimentalAcrylicBorder.Material> -->
-        <!-- 		<ExperimentalAcrylicMaterial -->
-        <!-- 			BackgroundSource="Digger" -->
-        <!-- 			TintColor="Black" -->
-        <!-- 			TintOpacity="1" -->
-        <!-- 			MaterialOpacity="0.65" /> -->
-        <!-- 	</ExperimentalAcrylicBorder.Material> -->
-        <!-- </ExperimentalAcrylicBorder> -->
-
-        <views:MainView />
-
-
-    </Panel>
-</Window>
\ No newline at end of file
+	<views:MainView />
+</Window>