diff --git a/src/musicplayer/ui/layout.gleam b/src/musicplayer/ui/layout.gleam
index bf0af6b..4c3feab 100644
--- a/src/musicplayer/ui/layout.gleam
+++ b/src/musicplayer/ui/layout.gleam
@@ -46,60 +46,43 @@ pub fn new() -> Layout {
         Section("Root"),
         Node(
           t: Container,
+          content: "Music Player",
+          width_percent: 100,
+          height_percent: 100,
+          children: [Header, Search, PlaybackTime],
+        ),
+      ),
+      #(
+        Header,
+        Node(
+          t: Row,
+          content: "Foo (1) | Bar (2) | Baz (3)",
+          width_percent: 100,
+          height_percent: 33,
+          children: [],
+        ),
+      ),
+      #(
+        Search,
+        Node(
+          t: Row,
           content: "",
           width_percent: 100,
-          height_percent: 100,
-          children: [
-            Section("Row1"),
-            Section("Row2"),
-          ],
-        ),
-      ),
-      #(
-        Section("Row1"),
-        Node(
-          t: Row,
-          content: "row 1",
-          width_percent: 100,
-          height_percent: 50,
-          children: [
-            Section("A"),
-            Section("B"),
-          ],
-        ),
-      ),
-      #(
-        Section("A"),
-        Node(
-          t: Cell,
-          content: "cell 1",
-          width_percent: 50,
-          height_percent: 100,
+          height_percent: 33,
           children: [],
         ),
       ),
       #(
-        Section("B"),
-        Node(
-          t: Cell,
-          content: "cell 2",
-          width_percent: 50,
-          height_percent: 100,
-          children: [],
-        ),
-      ),
-      #(
-        Section("Row2"),
+        PlaybackTime,
         Node(
           t: Row,
-          content: "row 2",
+          content: "00:00",
           width_percent: 100,
-          height_percent: 50,
+          height_percent: 33,
           children: [],
         ),
       ),
     ])
-
   Layout(width: 0, height: 0, nodes: nodes)
 }