diff --git a/README.md b/README.md
index 9f03e99..7ccc6ba 100644
--- a/README.md
+++ b/README.md
@@ -134,12 +134,12 @@ fn sidebarItemCompoment(index: usize) void {
 // An example function to begin the "root" of your layout tree
 fn createLayout(profile_picture: *const rl.Texture2D) clay.ClayArray(clay.RenderCommand) {
     clay.beginLayout();
+    clay.UI(&.{
+        .ID("OuterContainer"),
+        .layout(.{ .direction = .LEFT_TO_RIGHT, .sizing = .grow, .padding = .all(16), .gap = 16 }),
+        .rectangle(.{ .color = white }),
+    });
     {
-        clay.UI(&.{
-            .ID("OuterContainer"),
-            .layout(.{ .direction = .LEFT_TO_RIGHT, .sizing = .grow, .padding = .all(16), .gap = 16 }),
-            .rectangle(.{ .color = white }),
-        });
         defer clay.CLOSE();
 
         clay.UI(&.{
diff --git a/examples/raylib-sidebar-container/src/main.zig b/examples/raylib-sidebar-container/src/main.zig
index cf411bc..941025e 100644
--- a/examples/raylib-sidebar-container/src/main.zig
+++ b/examples/raylib-sidebar-container/src/main.zig
@@ -21,12 +21,12 @@ fn sidebarItemCompoment(index: usize) void {
 
 fn createLayout(profile_picture: *const rl.Texture2D) cl.ClayArray(cl.RenderCommand) {
     cl.beginLayout();
+    cl.UI(&.{
+        .ID("OuterContainer"),
+        .layout(.{ .direction = .LEFT_TO_RIGHT, .sizing = .grow, .padding = .all(16), .gap = 16 }),
+        .rectangle(.{ .color = white }),
+    });
     {
-        cl.UI(&.{
-            .ID("OuterContainer"),
-            .layout(.{ .direction = .LEFT_TO_RIGHT, .sizing = .grow, .padding = .all(16), .gap = 16 }),
-            .rectangle(.{ .color = white }),
-        });
         defer cl.CLOSE();
 
         cl.UI(&.{