diff --git a/babylonia-terminal-gui/Cargo.lock b/babylonia-terminal-gui/Cargo.lock
index c2994f3..334e7c5 100644
--- a/babylonia-terminal-gui/Cargo.lock
+++ b/babylonia-terminal-gui/Cargo.lock
@@ -70,6 +70,7 @@ dependencies = [
  "anyhow",
  "babylonia-terminal-sdk",
  "glib-build-tools",
+ "libadwaita",
  "log",
  "relm4",
  "relm4-components",
diff --git a/babylonia-terminal-gui/Cargo.toml b/babylonia-terminal-gui/Cargo.toml
index 437bf38..28f6ebc 100644
--- a/babylonia-terminal-gui/Cargo.toml
+++ b/babylonia-terminal-gui/Cargo.toml
@@ -10,6 +10,7 @@ log = "0.4.22"
 relm4-components = "0.9.1"
 wincompatlib = "0.7.5"
 relm4 = { version = "0.9.1", features = ["libadwaita"] }
+libadwaita = { version = "0.7.1", features = ["v1_4"] }
 
 [build-dependencies]
 glib-build-tools = "0.20.0"
diff --git a/babylonia-terminal-gui/src/ui/mod.rs b/babylonia-terminal-gui/src/ui/mod.rs
index 450385c..3490ee8 100644
--- a/babylonia-terminal-gui/src/ui/mod.rs
+++ b/babylonia-terminal-gui/src/ui/mod.rs
@@ -3,6 +3,7 @@ use std::convert::identity;
 use crate::manager;
 use babylonia_terminal_sdk::game_state::GameState;
 
+use log::debug;
 use relm4::{
     adw::{
         self,
@@ -21,6 +22,8 @@ use relm4::{
     view, Component, ComponentController, Controller, RelmApp, RelmWidgetExt, WorkerController,
 };
 
+use libadwaita::OverlaySplitView;
+
 use crate::APP_RESOURCE_PATH;
 
 pub fn run(app: RelmApp<MainWindowMsg>) {
@@ -68,36 +71,10 @@ impl SimpleAsyncComponent for MainWindow {
             gtk::Box {
                 set_orientation: gtk::Orientation::Vertical,
 
-                adw::Flap {
+                OverlaySplitView {
                     #[watch]
-                    set_reveal_flap: model.is_menu_visible,
-                    set_margin_all: 0,
-                    set_fold_policy: adw::FlapFoldPolicy::Auto,
-
-                    #[wrap(Some)]
-                    set_flap = &gtk::Box {
-                        set_orientation: gtk::Orientation::Vertical,
-
-                        gtk::ListBox {
-                            set_width_request: 250,
-                            set_margin_all: 10,
-
-                            append = &gtk::Button {
-                                set_margin_vertical: 5,
-                                set_label: "Item 1",
-                            },
-
-                            append = &gtk::Button {
-                                set_margin_vertical: 5,
-                                set_label: "Item 2"
-                            },
-
-                            append = &gtk::Button {
-                                set_margin_vertical: 5,
-                                set_label: "Item 3",
-                            },
-                        },
-                    },
+                    set_show_sidebar: model.is_menu_visible,
+                    set_collapsed: true,
 
                     #[wrap(Some)]
                     set_content = &gtk::Box {
@@ -105,7 +82,7 @@ impl SimpleAsyncComponent for MainWindow {
 
                         adw::HeaderBar {
                             pack_start = &gtk::Button {
-                                set_label: "Menu",
+                                set_icon_name: "open-menu-symbolic",
                                 connect_clicked => MainWindowMsg::ToggleMenuVisibility,
                             },
                         },
@@ -149,8 +126,46 @@ impl SimpleAsyncComponent for MainWindow {
                                 },
                             },
                         },
-                    }
+                    },
+
+                    #[wrap(Some)]
+                    set_sidebar = &gtk::Box {
+                        set_orientation: gtk::Orientation::Vertical,
+
+                        gtk::ListBox {
+                            set_width_request: 250,
+                            set_margin_all: 10,
+
+                            append = &gtk::Button {
+                                set_margin_vertical: 5,
+                                set_label: "Item 1",
+                            },
+
+                            append = &gtk::Button {
+                                set_margin_vertical: 5,
+                                set_label: "Item 2"
+                            },
+
+                            append = &gtk::Button {
+                                set_margin_vertical: 5,
+                                set_label: "Item 3",
+                            },
+                        },
+                    },
                 },
+
+                //adw::Flap {
+                //    #[watch]
+                //    set_reveal_flap: model.is_menu_visible,
+                //    set_margin_all: 0,
+                //    set_fold_policy: adw::FlapFoldPolicy::Auto,
+
+                //    #[wrap(Some)]
+                //    set_flap =
+
+                //    #[wrap(Some)]
+                //    set_content =
+                //},
             }
         }
     }
diff --git a/babylonia-terminal/Cargo.lock b/babylonia-terminal/Cargo.lock
index d76acbf..6d6874d 100644
--- a/babylonia-terminal/Cargo.lock
+++ b/babylonia-terminal/Cargo.lock
@@ -148,6 +148,7 @@ dependencies = [
  "anyhow",
  "babylonia-terminal-sdk",
  "glib-build-tools",
+ "libadwaita",
  "log",
  "relm4",
  "relm4-components",