diff --git a/Wabbajack.App.Blazor/Components/ModlistItem.razor b/Wabbajack.App.Blazor/Components/ModlistItem.razor
index 7f0dfeec..0f113013 100644
--- a/Wabbajack.App.Blazor/Components/ModlistItem.razor
+++ b/Wabbajack.App.Blazor/Components/ModlistItem.razor
@@ -1,4 +1,5 @@
-<div class="item" style="background-image: url(@ImageURL);">
+<div class="item">
+    <img src="@ImageURL" alt="@Title Image">
     <div class="info">
         <div class="title">@Title</div>
         <div class="description">@Description</div>
diff --git a/Wabbajack.App.Blazor/Components/ModlistItem.razor.scss b/Wabbajack.App.Blazor/Components/ModlistItem.razor.scss
index fd9756e6..cab8b943 100644
--- a/Wabbajack.App.Blazor/Components/ModlistItem.razor.scss
+++ b/Wabbajack.App.Blazor/Components/ModlistItem.razor.scss
@@ -1,7 +1,16 @@
 .item {
-  width: 150px;
-  height: 100px;
+  width: 400px;
+  height: 400px;
   border-radius: 0.75rem;
+  overflow: hidden;
+  margin: 1rem;
+  
+  img {
+    width: 100%;
+    height: 225px;
+    object-fit: cover;
+    border-radius: 0.75rem;
+  }
 
   .info {
     .title {
diff --git a/Wabbajack.App.Blazor/Components/Navbar.razor b/Wabbajack.App.Blazor/Components/Navbar.razor
index 08ace6d4..e09756c8 100644
--- a/Wabbajack.App.Blazor/Components/Navbar.razor
+++ b/Wabbajack.App.Blazor/Components/Navbar.razor
@@ -1,6 +1,7 @@
 <nav>
     <a href="">Home</a>
     <a href="/gallery">Gallery</a>
+    <a href="">Install</a>
     <a href="">Compile</a>
     <a href="">Settings</a>
 </nav>
diff --git a/Wabbajack.App.Blazor/Pages/Gallery.razor b/Wabbajack.App.Blazor/Pages/Gallery.razor
index 8c5bcfc4..5da4094c 100644
--- a/Wabbajack.App.Blazor/Pages/Gallery.razor
+++ b/Wabbajack.App.Blazor/Pages/Gallery.razor
@@ -10,7 +10,7 @@
 <div id="content">
     @foreach (ModListItem item in listItems)
     {
-        <ModListItem ImageURL=@item.ImageURL Title=@item.Title Description=@item.Description></ModListItem>
+        <ModlistItem ImageURL=@item.ImageURL Title=@item.Title Description=@item.Description></ModlistItem>
     }
 </div>
 
diff --git a/Wabbajack.App.Blazor/Pages/Gallery.razor.scss b/Wabbajack.App.Blazor/Pages/Gallery.razor.scss
new file mode 100644
index 00000000..3b396446
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/Gallery.razor.scss
@@ -0,0 +1,6 @@
+#content {
+  width: 100%;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-evenly;
+}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Pages/Home.razor b/Wabbajack.App.Blazor/Pages/Home.razor
index 2d811722..4502c625 100644
--- a/Wabbajack.App.Blazor/Pages/Home.razor
+++ b/Wabbajack.App.Blazor/Pages/Home.razor
@@ -1,13 +1,4 @@
-@using Wabbajack.Paths.IO
-@using Wabbajack.Paths
-@using System;
-@using System.Collections.Generic;
-@using System.Text.Json;
-@using Wabbajack.Common
-@using Newtonsoft.Json;
-@using Newtonsoft.Json.Linq
-
-@page "/"
+@page "/"
 @layout Shared.MainLayout
 <News/>
 <div id="content"></div>
diff --git a/Wabbajack.App.Blazor/Shared/MainLayout.razor b/Wabbajack.App.Blazor/Shared/MainLayout.razor
index 47dbf621..c4e58b6a 100644
--- a/Wabbajack.App.Blazor/Shared/MainLayout.razor
+++ b/Wabbajack.App.Blazor/Shared/MainLayout.razor
@@ -6,7 +6,7 @@
 
 <div class="main">
     <Sidebar/>
-    <div class="content">
+    <div class="page">
         @Body
     </div>
 
diff --git a/Wabbajack.App.Blazor/Shared/MainLayout.razor.scss b/Wabbajack.App.Blazor/Shared/MainLayout.razor.scss
index a617539d..d9e19004 100644
--- a/Wabbajack.App.Blazor/Shared/MainLayout.razor.scss
+++ b/Wabbajack.App.Blazor/Shared/MainLayout.razor.scss
@@ -7,7 +7,7 @@
   min-height: 100vh;
 }
 
-.content {
+.page {
   padding: 0.5rem;
   flex: 1 1 0;
 }
\ No newline at end of file