diff --git a/assets/images/api.gif b/assets/images/api.gif
index a3fada3556..bed4a6de7d 100644
Binary files a/assets/images/api.gif and b/assets/images/api.gif differ
diff --git a/assets/images/search.gif b/assets/images/search.gif
index 31fa5bf78d..06fb27678c 100644
Binary files a/assets/images/search.gif and b/assets/images/search.gif differ
diff --git a/layouts/default.vue b/layouts/default.vue
index 341e25e9b1..fb7e1158d8 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -9,10 +9,10 @@
       />
       <!-- TODO: Probably shouldn't be a Unicode symbol -->
       <div class="hamburger-icon">☰</div>
-      <div class="logo-wrapper">
+      <nuxt-link to="/" class="logo-wrapper">
         <img class="logo" src="~/assets/images/logo.svg" />
         <span class="name">modrinth</span>
-      </div>
+      </nuxt-link>
       <nav>
         <section class="links">
           <h3>Projects</h3>
@@ -412,6 +412,7 @@ export default {
     // Desktop
     @media screen and (min-width: 1145px) {
       border-right: 1px solid var(--color-grey-2);
+      min-width: 270px;
       max-width: 270px;
 
       nav {
diff --git a/pages/index.vue b/pages/index.vue
index f6ad7d89c5..5f1d1b7d40 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,7 +1,9 @@
 <template>
   <div>
     <header class="columns">
-      <img class="logo" src="~/assets/images/logo.svg" alt="logo" />
+      <nuxt-link to="/" no-prefetch
+        ><img class="logo" src="~/assets/images/logo.svg" alt="logo"
+      /></nuxt-link>
       <div class="links">
         <nuxt-link to="/" no-prefetch>Home</nuxt-link>
         <nuxt-link to="/mods" no-prefetch>Mods</nuxt-link>
diff --git a/static/favicon.ico b/static/favicon.ico
index ba21e3e803..2c49b8b243 100644
Binary files a/static/favicon.ico and b/static/favicon.ico differ