diff --git a/assets/images/logo.svg b/assets/images/logo.svg
new file mode 100644
index 00000000..32715f5c
--- /dev/null
+++ b/assets/images/logo.svg
@@ -0,0 +1,4 @@
+<svg width="512" height="514" viewBox="0 0 512 514" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M503.16 323.56C514.55 281.47 515.32 235.91 503.2 190.76C466.57 54.2299 326.04 -26.8001 189.33 9.77991C83.8101 38.0199 11.3899 128.07 0.689941 230.47H43.99C54.29 147.33 113.74 74.7298 199.75 51.7098C306.05 23.2598 415.13 80.6699 453.17 181.38L411.03 192.65C391.64 145.8 352.57 111.45 306.3 96.8198L298.56 140.66C335.09 154.13 364.72 184.5 375.56 224.91C391.36 283.8 361.94 344.14 308.56 369.17L320.09 412.16C390.25 383.21 432.4 310.3 422.43 235.14L464.41 223.91C468.91 252.62 467.35 281.16 460.55 308.07L503.16 323.56Z" fill="#5DA426"/>
+  <path d="M321.99 504.22C185.27 540.8 44.7501 459.77 8.11011 323.24C3.84011 307.31 1.17 291.33 0 275.46H43.27C44.36 287.37 46.4699 299.35 49.6799 311.29C53.0399 323.8 57.45 335.75 62.79 347.07L101.38 323.92C98.1299 316.42 95.39 308.6 93.21 300.47C69.17 210.87 122.41 118.77 212.13 94.7601C229.13 90.2101 246.23 88.4401 262.93 89.1501L255.19 133C244.73 133.05 234.11 134.42 223.53 137.25C157.31 154.98 118.01 222.95 135.75 289.09C136.85 293.16 138.13 297.13 139.59 300.99L188.94 271.38L174.07 231.95L220.67 184.08L279.57 171.39L296.62 192.38L269.47 219.88L245.79 227.33L228.87 244.72L237.16 267.79C237.16 267.79 253.95 285.63 253.98 285.64L277.7 279.33L294.58 260.79L331.44 249.12L342.42 273.82L304.39 320.45L240.66 340.63L212.08 308.81L162.26 338.7C187.8 367.78 226.2 383.93 266.01 380.56L277.54 423.55C218.13 431.41 160.1 406.82 124.05 361.64L85.6399 384.68C136.25 451.17 223.84 484.11 309.61 461.16C371.35 444.64 419.4 402.56 445.42 349.38L488.06 364.88C457.17 431.16 398.22 483.82 321.99 504.22Z" fill="#5DA426"/>
+</svg>
diff --git a/layouts/default.vue b/layouts/default.vue
index 55d9906f..64de559f 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -2,7 +2,8 @@
   <div class="layout">
     <aside>
       <div class="logo-wrapper">
-        <img class="logo" src="~/assets/images/logo.png" />
+        <img class="logo" src="~/assets/images/logo.svg" />
+        <h1>modrinth</h1>
       </div>
       <nav>
         <section class="links">
@@ -156,6 +157,8 @@
 </template>
 
 <style lang="scss">
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
+
 .layout {
   display: flex;
   min-height: 100vh;
@@ -176,11 +179,17 @@
       display: flex;
       height: 3.5rem;
       padding: 0 1.5rem;
+      font-family: 'Montserrat', sans-serif;
 
       .logo {
         height: 2rem;
         width: auto;
       }
+
+      h1 {
+        margin-left: 10px;
+        font-family: 'Montserrat', sans-serif;
+      }
     }
 
     nav {
diff --git a/pages/mods.vue b/pages/mods.vue
index 052f3f6d..40e7a688 100644
--- a/pages/mods.vue
+++ b/pages/mods.vue
@@ -357,7 +357,7 @@ export default {
 
         const res = await axios.get(url, config)
 
-        this.results = res.data
+        this.results = res.data.hits
       } catch (err) {
         console.error(err)
       }
diff --git a/static/favicon.ico b/static/favicon.ico
index 3632d0c8..ba21e3e8 100644
Binary files a/static/favicon.ico and b/static/favicon.ico differ