diff --git a/src/SharpIDE.Photino/Components/SidebarIconButton.razor b/src/SharpIDE.Photino/Components/SidebarIconButton.razor
new file mode 100644
index 0000000..3349637
--- /dev/null
+++ b/src/SharpIDE.Photino/Components/SidebarIconButton.razor
@@ -0,0 +1,14 @@
+<MudButton Style="min-width: 20px;" FullWidth="true">
+	<MudStack AlignItems="AlignItems.Center" Spacing="0">
+		<MudIcon Icon="@Icon" Color="Color.Inherit"/>
+		<MudText Style="margin-top: 1px" Typo="Typo.caption">@Text</MudText>
+	</MudStack>
+</MudButton>
+
+@code {
+	[Parameter, EditorRequired]
+    public string? Icon { get; set; }
+
+	[Parameter, EditorRequired]
+    public string? Text { get; set; }
+}
diff --git a/src/SharpIDE.Photino/Layout/MainLayout.razor b/src/SharpIDE.Photino/Layout/MainLayout.razor
index 3aae6af..52cc8db 100644
--- a/src/SharpIDE.Photino/Layout/MainLayout.razor
+++ b/src/SharpIDE.Photino/Layout/MainLayout.razor
@@ -44,10 +44,10 @@
 	<MudMainContent Style="height: 100%">
 		<MudStack Style="height: 100%" Row="true" Spacing="0" StretchItems="StretchItems.Middle">
 			<MudPaper Elevation="6" Style="background-color: var(--mud-palette-appbar-background); z-index: 1200;">
-				<MudStack>
-					<MudToggleIconButton Color="Color.Inherit" Icon="@Icons.Material.Filled.PlayArrow"/>
-					<MudToggleIconButton Color="Color.Inherit" Icon="@Icons.Material.Filled.PlayArrow"/>
-					<MudToggleIconButton Color="Color.Inherit" Icon="@Icons.Material.Filled.Terminal"/>
+				<MudStack AlignItems="AlignItems.Center" Spacing="1" Style="margin: 4px">
+					<SidebarIconButton Icon="@Icons.Material.Filled.FolderOpen" Text="Explorer" />
+					<SidebarIconButton Icon="@Icons.Material.Filled.PlayArrow" Text="Run" />
+					<SidebarIconButton Icon="@Icons.Material.Filled.Terminal" Text="Terminal" />
 				</MudStack>
 			</MudPaper>
 			<MudPaper Height="100%" Style="overflow:hidden; position:relative;">