diff --git a/src/Semi.Avalonia.Demo/MainWindow.axaml b/src/Semi.Avalonia.Demo/MainWindow.axaml
index a749050..43eeb9e 100644
--- a/src/Semi.Avalonia.Demo/MainWindow.axaml
+++ b/src/Semi.Avalonia.Demo/MainWindow.axaml
@@ -13,12 +13,13 @@
         <TabItem Header="Overview">
             <pages:Overview />
         </TabItem>
-        <TabItem Header="TextBlock">
-            <pages:TextBlockDemo />
+        <TabItem Header="Border">
+            <pages:BorderDemo />
         </TabItem>
         <TabItem Header="Button">
             <pages:ButtonDemo />
         </TabItem>
+
         <TabItem Header="CheckBox">
             <pages:CheckBoxDemo />
         </TabItem>
@@ -28,33 +29,33 @@
         <TabItem Header="Expander">
             <pages:ExpanderDemo />
         </TabItem>
-        <TabItem Header="RadioButton">
-            <pages:RadioButtonDemo />
+        <TabItem Header="Flyout">
+            <pages:FlyoutDemo />
         </TabItem>
         <TabItem Header="Label">
             <pages:LabelDemo />
         </TabItem>
-        <TabItem Header="Border">
-            <pages:BorderDemo />
+        <TabItem Header="ListBox">
+            <pages:ListBoxDemo />
+        </TabItem>
+        <TabItem Header="RadioButton">
+            <pages:RadioButtonDemo />
+        </TabItem>
+        <TabItem Header="RepeatButton">
+            <pages:RepeatButtonDemo />
         </TabItem>
         <TabItem Header="TabControl">
             <pages:TabControlDemo />
         </TabItem>
+        <TabItem Header="TextBlock">
+            <pages:TextBlockDemo />
+        </TabItem>
         <TabItem Header="TextBox">
             <pages:TextBoxDemo />
         </TabItem>
         <TabItem Header="TreeView">
             <pages:TreeViewDemo />
         </TabItem>
-        <TabItem Header="RepeatButton">
-            <pages:RepeatButtonDemo />
-        </TabItem>
-        <TabItem Header="ListBox">
-            <pages:ListBoxItem />
-        </TabItem>
-        <TabItem Header="Flyout">
-            <pages:FlyoutDemo />
-        </TabItem>
         <TabItem Header="ToggleSwitch">
             <pages:ToggleSwitchDemo />
         </TabItem>
diff --git a/src/Semi.Avalonia.Demo/Pages/ListBoxItem.axaml b/src/Semi.Avalonia.Demo/Pages/ListBoxDemo.axaml
similarity index 70%
rename from src/Semi.Avalonia.Demo/Pages/ListBoxItem.axaml
rename to src/Semi.Avalonia.Demo/Pages/ListBoxDemo.axaml
index cd04275..c3099de 100644
--- a/src/Semi.Avalonia.Demo/Pages/ListBoxItem.axaml
+++ b/src/Semi.Avalonia.Demo/Pages/ListBoxDemo.axaml
@@ -1,8 +1,12 @@
 <UserControl
-    x:Class="Semi.Avalonia.Demo.Pages.ListBoxItem" 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" d:DesignHeight="450"
-    d:DesignWidth="800" mc:Ignorable="d">
+    x:Class="Semi.Avalonia.Demo.Pages.ListBoxDemo"
+    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"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    mc:Ignorable="d">
     <ListBox Margin="20">
         <ListBoxItem>Item 1</ListBoxItem>
         <ListBoxItem>Item 2</ListBoxItem>
diff --git a/src/Semi.Avalonia.Demo/Pages/ListBoxItem.axaml.cs b/src/Semi.Avalonia.Demo/Pages/ListBoxDemo.axaml.cs
similarity index 68%
rename from src/Semi.Avalonia.Demo/Pages/ListBoxItem.axaml.cs
rename to src/Semi.Avalonia.Demo/Pages/ListBoxDemo.axaml.cs
index 863b9ef..6d5c3e7 100644
--- a/src/Semi.Avalonia.Demo/Pages/ListBoxItem.axaml.cs
+++ b/src/Semi.Avalonia.Demo/Pages/ListBoxDemo.axaml.cs
@@ -4,9 +4,9 @@ using Avalonia.Markup.Xaml;
 
 namespace Semi.Avalonia.Demo.Pages;
 
-public partial class ListBoxItem : UserControl
+public partial class ListBoxDemo : UserControl
 {
-    public ListBoxItem()
+    public ListBoxDemo()
     {
         InitializeComponent();
     }