diff --git a/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor b/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor
index 6d36189..b11a623 100644
--- a/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor
+++ b/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor
@@ -1,9 +1,11 @@
 @using SharpIDE.Application.Features.SolutionDiscovery.VsPersistence
-<MudStack Style="height: 100%; overflow-y: scroll">
-	@foreach (var project in SolutionModel.AllProjects)
-	{
-		<ProjectProblemComponent ProjectModel="@project" />
-	}
+<MudStack Style="height: 100%">
+	<MudTreeView T="string" Dense="true" ExpandOnClick="true">
+		@foreach (var project in SolutionModel.AllProjects)
+		{
+			<ProjectProblemComponent ProjectModel="@project"/>
+		}
+	</MudTreeView>
 </MudStack>
 
 @code {
diff --git a/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor b/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor
index 3a9fbae..c49ee59 100644
--- a/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor
+++ b/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor
@@ -5,13 +5,13 @@
 
 @if (_diagnostics.Length is not 0)
 {
-	@ProjectModel.Name
-	@foreach(var diagnostic in _diagnostics)
-	{
-		<div>
-			<strong>@diagnostic.Id</strong>: @diagnostic.GetMessage()
-		</div>
-	}
+	<MudTreeViewItem T="string" TextTypo="Typo.body2" EndTextTypo="Typo.caption" Expanded="true" Icon="@Icons.Material.Filled.Code" IconColor="Color.Success" Value="@ProjectModel.Name" Text="@ProjectModel.Name" EndText="@($"{_diagnostics.Length} diagnostics")">
+		@foreach (var diagnostic in _diagnostics)
+		{
+			<MudTreeViewItem T="string" TextTypo="Typo.body2" Icon="@Icons.Material.Filled.Folder" IconColor="Color.Primary" Value="@diagnostic.Id" Text="@diagnostic.Id">
+			</MudTreeViewItem>
+		}
+	</MudTreeViewItem>
 }
 
 @code {