diff --git a/demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml
index 1f5c8dc..9abc6b3 100644
--- a/demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml
@@ -11,7 +11,8 @@
     x:CompileBindings="True"
     x:DataType="vm:TreeViewVm"
     mc:Ignorable="d">
-    <StackPanel HorizontalAlignment="Left">
+
+    <Grid ColumnDefinitions="*,*,*">
 
         <Border Theme="{StaticResource CardBorder}">
             <TreeView>
@@ -50,7 +51,7 @@
             </TreeView>
         </Border>
 
-        <Border Theme="{StaticResource CardBorder}">
+        <Border Grid.Column="1" Theme="{StaticResource CardBorder}">
             <TreeView Margin="0,10" ItemsSource="{Binding Items}">
                 <TreeView.ItemTemplate>
                     <TreeDataTemplate ItemsSource="{Binding Items}">
@@ -60,7 +61,7 @@
             </TreeView>
         </Border>
 
-        <Border Theme="{StaticResource CardBorder}">
+        <Border Grid.Column="2" Theme="{StaticResource CardBorder}">
             <TreeView ItemsSource="{Binding MultipleLevelItems}">
                 <TreeView.DataTemplates>
                     <TreeDataTemplate DataType="models:FirstItem" ItemsSource="{Binding SecondItems}">
@@ -76,5 +77,6 @@
             </TreeView>
         </Border>
 
-    </StackPanel>
+    </Grid>
+
 </UserControl>