diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index dc9957e9a..cb115ac80 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -4,6 +4,9 @@ import svgLoader from 'vite-svg-loader'
 export default {
   title: 'Omorphia',
   description: 'A components library used for Modrinth.',
+  head: [
+    ['link', { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+  ],
   themeConfig: {
     sidebar: [
       {
diff --git a/docs/components/text-logo.md b/docs/components/text-logo.md
index 8a269cfba..72404a997 100644
--- a/docs/components/text-logo.md
+++ b/docs/components/text-logo.md
@@ -15,3 +15,9 @@
 <TextLogo :animate="false" />
 ```
 
+<style scoped>
+svg {
+  width: 100%;
+  height: auto;
+}
+</style>
diff --git a/docs/favicon.ico b/docs/public/favicon.ico
similarity index 100%
rename from docs/favicon.ico
rename to docs/public/favicon.ico
diff --git a/docs/favicon.svg b/docs/public/favicon.svg
similarity index 100%
rename from docs/favicon.svg
rename to docs/public/favicon.svg
diff --git a/lib/components/brand/AnimatedLogo.vue b/lib/components/brand/AnimatedLogo.vue
index 12903fdab..de796c630 100644
--- a/lib/components/brand/AnimatedLogo.vue
+++ b/lib/components/brand/AnimatedLogo.vue
@@ -101,11 +101,7 @@ export default {
 
 <style lang="scss" scoped>
 div {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   height: 5rem;
-  margin-top: 1rem;
 
   svg {
     width: 5rem;