diff --git a/OpenBirchWebsite/Layout/MainLayout.razor b/OpenBirchWebsite/Layout/MainLayout.razor
index f1de0e9..2608400 100644
--- a/OpenBirchWebsite/Layout/MainLayout.razor
+++ b/OpenBirchWebsite/Layout/MainLayout.razor
@@ -6,17 +6,17 @@
 <MudSnackbarProvider />
 <MudLayout>
     <MudAppBar Elevation="1">
-        <MudImage Width="50" Height="50" ObjectFit=ObjectFit.Fill Src="images/fi478h5fj45d1.webp" Alt="Logo" Elevation="25" Class="rounded-lg" />
+        <NavLink ActiveClass="d-flex align-center" href="/">
+            <MudImage Width="50" Height="50" ObjectFit=ObjectFit.Fill Src="images/fi478h5fj45d1.webp" Alt="Logo" Elevation="25" Class="rounded-lg" />
+        </NavLink>
         <MudText Typo="Typo.h5" Class="ml-3">OpenBirch</MudText>
         <MudSpacer />
-        <MudButton Variant="Variant.Text" Href="/eval" Class="pr-4">Eval demo</MudButton>
         <MudButton Variant="Variant.Text" Href="/download" Class="pr-4">Download</MudButton>
         <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
     </MudAppBar>
     <MudDrawer @bind-Open="_drawerOpen" Anchor="Anchor.End" ClipMode="DrawerClipMode.Always" Breakpoint="Breakpoint.None" Elevation="2">
-        <NavMenu />
     </MudDrawer>
-    <MudMainContent Class="mt-16 pa-4">
+    <MudMainContent Style="height: 100vh;">
         @Body
     </MudMainContent>
 </MudLayout>
diff --git a/OpenBirchWebsite/Pages/Home.razor b/OpenBirchWebsite/Pages/Home.razor
index c7445c7..76cc775 100644
--- a/OpenBirchWebsite/Pages/Home.razor
+++ b/OpenBirchWebsite/Pages/Home.razor
@@ -1,5 +1,6 @@
 @page "/"
 @inject IJSRuntime jsRuntime
+@inject NavigationManager nav
 
 <PageTitle>Home</PageTitle>
 
@@ -15,7 +16,7 @@
                     <MudText Align="Align.Start"> @((consoleHistory[temp].source == ConsoleSource.User) ? ">" : "#") @consoleHistory[temp].text</MudText>
                 }
             </div>
-            <MudTextField Class="" Style="color: #e0def4;" @bind-Value="inputField" OnKeyDown="OnKeyDown" Variant="Variant.Outlined" @onclick="()=>hasInteracted = true"></MudTextField>
+            <MudTextField Class="" Style="color: #e0def4;" @bind-Value="inputField" OnKeyDown="OnKeyDown" Variant="Variant.Outlined" @onclick='()=>nav.NavigateTo("openbirch")'></MudTextField>
         </MudPaper>
     </div>
 </div>
diff --git a/OpenBirchWebsite/Pages/Home.razor.css b/OpenBirchWebsite/Pages/Home.razor.css
index 0e84a6f..1fd9f9c 100644
--- a/OpenBirchWebsite/Pages/Home.razor.css
+++ b/OpenBirchWebsite/Pages/Home.razor.css
@@ -13,10 +13,4 @@
 .input-field {
     max-width: 400px;
     min-width: 300px;
-}
-
-.reverse-stack-direction {
-    display: flex;
-    justify-content: flex-end;
-    flex-direction: column;
 }
\ No newline at end of file
diff --git a/OpenBirchWebsite/Pages/OpenBirch.razor b/OpenBirchWebsite/Pages/OpenBirch.razor
new file mode 100644
index 0000000..041b6c5
--- /dev/null
+++ b/OpenBirchWebsite/Pages/OpenBirch.razor
@@ -0,0 +1,20 @@
+@page "/openbirch"
+
+<div class="console-container reverse-stack-direction pa-4">
+    <div class="px-2 reverse-scroll-start overflow-auto">
+        <div>
+            @for (int i = 0; i < 100; i++)
+            {
+                int temp = i;
+                <MudText>test @temp</MudText>
+            }
+        </div>
+    </div>
+    <div>
+        <MudTextField @bind-Value="test" Variant="Variant.Outlined"></MudTextField>
+    </div>
+</div>
+
+@code {
+    public string test = "";
+}
diff --git a/OpenBirchWebsite/Pages/OpenBirch.razor.css b/OpenBirchWebsite/Pages/OpenBirch.razor.css
new file mode 100644
index 0000000..743b5c2
--- /dev/null
+++ b/OpenBirchWebsite/Pages/OpenBirch.razor.css
@@ -0,0 +1,13 @@
+.console-container {
+    height: 100%;
+    padding: 0;
+}
+
+.console-container > div:first-child {
+    background-color: #191724;
+}
+
+.reverse-scroll-start {
+    display: flex;
+    flex-direction: column-reverse;
+}
\ No newline at end of file
diff --git a/OpenBirchWebsite/wwwroot/css/app.css b/OpenBirchWebsite/wwwroot/css/app.css
index 54a8aa3..cd150bb 100644
--- a/OpenBirchWebsite/wwwroot/css/app.css
+++ b/OpenBirchWebsite/wwwroot/css/app.css
@@ -101,3 +101,10 @@ a, .btn-link {
 code {
     color: #c02d76;
 }
+
+
+.reverse-stack-direction {
+    display: flex;
+    justify-content: flex-end;
+    flex-direction: column;
+}
\ No newline at end of file
diff --git a/OpenBirchWebsite/wwwroot/index.html b/OpenBirchWebsite/wwwroot/index.html
index 94d3b1c..6fe3aa8 100644
--- a/OpenBirchWebsite/wwwroot/index.html
+++ b/OpenBirchWebsite/wwwroot/index.html
@@ -17,7 +17,7 @@
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
 </head>
 
-<body style="background-color: #1a1a27">
+<body style="background-color: #1a1a27; padding: 0;">
     <div id="app">
         <svg class="loading-progress">
             <circle r="40%" cx="50%" cy="50%" />