diff --git a/src/SharpIDE.Photino/Components/CodeViewer.razor b/src/SharpIDE.Photino/Components/CodeViewer.razor
new file mode 100644
index 0000000..9932c86
--- /dev/null
+++ b/src/SharpIDE.Photino/Components/CodeViewer.razor
@@ -0,0 +1,39 @@
+
+<style>
+	#my-editor-id {
+		height: calc(100vh - 100px);
+	}
+</style>
+<StandaloneCodeEditor Id="my-editor-id" ConstructionOptions="@EditorConstructionOptions" />
+
+@code {
+	[Parameter, EditorRequired]
+    public string FilePath { get; set; } = null!;
+
+	private string? _fileContent;
+
+	private StandaloneEditorConstructionOptions EditorConstructionOptions(StandaloneCodeEditor editor)
+	{
+		return new StandaloneEditorConstructionOptions
+		{
+			AutomaticLayout = true,
+			Language = "csharp",
+			Theme = "vs-dark",
+			ScrollBeyondLastLine = false,
+			FontSize = 18,
+			Value = _fileContent
+		};
+	}
+
+	protected override async Task OnInitializedAsync()
+	{
+		var fileInfo = new FileInfo(FilePath);
+		if (!fileInfo.Exists)
+		{
+			throw new FileNotFoundException($"File not found: {FilePath}");
+		}
+		var fileContent = await File.ReadAllTextAsync(FilePath);
+		_fileContent = fileContent;
+	}
+
+}
diff --git a/src/SharpIDE.Photino/Layout/MainLayout.razor b/src/SharpIDE.Photino/Layout/MainLayout.razor
index 04f7c7e..cf970f9 100644
--- a/src/SharpIDE.Photino/Layout/MainLayout.razor
+++ b/src/SharpIDE.Photino/Layout/MainLayout.razor
@@ -1,6 +1,6 @@
 @inherits LayoutComponentBase
 
-<MudThemeProvider Theme="@AppThemeProvider.GetTheme()" />
+<MudThemeProvider Theme="@AppThemeProvider.GetTheme()" IsDarkMode="true" />
 <MudPopoverProvider/>
 <MudDialogProvider/>
 <MudSnackbarProvider/>
@@ -14,7 +14,7 @@
 		@* <NavMenu/> *@
 	</MudDrawer>
 	<MudMainContent>
-		<MudContainer Class="px-8 py-6">
+		<MudContainer MaxWidth="MaxWidth.False" Class="mt-2">
 			@Body
 		</MudContainer>
 	</MudMainContent>
diff --git a/src/SharpIDE.Photino/Pages/Home.razor b/src/SharpIDE.Photino/Pages/Home.razor
index 857348a..e82cc8c 100644
--- a/src/SharpIDE.Photino/Pages/Home.razor
+++ b/src/SharpIDE.Photino/Pages/Home.razor
@@ -1,6 +1,6 @@
 @page "/"
 
-<MudText>Welcome to a new Photino Blazor app!</MudText>
+<CodeViewer FilePath="D:\matth\Documents\Git\amazon\src\Utilities\ClientPortal.Utilities.DebugConsole\DataversePlayground.cs" />
 
 @code
 {
diff --git a/src/SharpIDE.Photino/SharpIDE.Photino.csproj b/src/SharpIDE.Photino/SharpIDE.Photino.csproj
index 7f3a4df..7622ead 100644
--- a/src/SharpIDE.Photino/SharpIDE.Photino.csproj
+++ b/src/SharpIDE.Photino/SharpIDE.Photino.csproj
@@ -17,6 +17,7 @@
 	</ItemGroup>
 
 	<ItemGroup>
+		<PackageReference Include="BlazorMonaco" Version="3.3.0" />
 		<PackageReference Include="Microsoft.AspNetCore.Components" Version="9.0.0" />
 		<PackageReference Include="Microsoft.AspNetCore.Components.WebView" Version="9.0.0" />
 		<PackageReference Include="MudBlazor" Version="8.0.0-rc.2" />
diff --git a/src/SharpIDE.Photino/_Imports.razor b/src/SharpIDE.Photino/_Imports.razor
index df8c6af..7863d5f 100644
--- a/src/SharpIDE.Photino/_Imports.razor
+++ b/src/SharpIDE.Photino/_Imports.razor
@@ -10,3 +10,6 @@
 @using MudBlazor
 @using SharpIDE.Photino.Layout
 @using SharpIDE.Photino.Components
+@using BlazorMonaco
+@using BlazorMonaco.Editor
+@using BlazorMonaco.Languages
diff --git a/src/SharpIDE.Photino/wwwroot/index.html b/src/SharpIDE.Photino/wwwroot/index.html
index 71f1cae..d4eb76d 100644
--- a/src/SharpIDE.Photino/wwwroot/index.html
+++ b/src/SharpIDE.Photino/wwwroot/index.html
@@ -18,7 +18,10 @@
         <a class="dismiss">🗙</a>
     </div>
 
-    <script src="_framework/blazor.webview.js"></script>
+	<script src="_content/BlazorMonaco/jsInterop.js"></script>
+	<script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>
+	<script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
 	<script src="_content/MudBlazor/MudBlazor.min.js"></script>
+    <script src="_framework/blazor.webview.js"></script>
 </body>
 </html>