diff --git a/.vscode/settings.json b/.vscode/settings.json
index 5b32ae7e..7b47aef0 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,5 +9,8 @@
   ],
   "[json][jsonc][typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "files.associations": {
+    "*.css": "tailwindcss"
   }
 }
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index cf073b9f..b4d89905 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -63,7 +63,7 @@ export const NavBar = () => {
       <Container className="flex w-full items-center bg-inherit py-3">
         <Link
           href="/"
-          className="mr-auto flex gap-3"
+          className="mr-auto flex gap-3 lg:mr-12"
           onClick={() => event('NAV_home')}
         >
           <Logo className="size-[1.7rem] cursor-pointer" />