diff --git a/front/assets/img/logo.png b/front/assets/img/logo.png
new file mode 100644
index 0000000..0fc0cd3
Binary files /dev/null and b/front/assets/img/logo.png differ
diff --git a/front/components/NavBar.vue b/front/components/NavBar.vue
index db4e3ac..8a5f0de 100644
--- a/front/components/NavBar.vue
+++ b/front/components/NavBar.vue
@@ -2,7 +2,7 @@
   <nav class="navbar" role="navigation" aria-label="main navigation">
     <div class="navbar-brand">
       <nuxt-link class="navbar-item" to="index">
-        <img src="~/assets/img/logo.png" width="112" height="28" />
+        <img src="~/assets/img/logo.png" />
       </nuxt-link>
       <a
         role="button"
@@ -57,3 +57,15 @@ const menuItems = ref([
 
 const isBurgerOpen = ref(false)
 </script>
+
+<style lang="sass" scoped>
+@include desktop
+  .navbar
+    padding: 0 2rem
+
+.navbar-item img
+  object-fit: contain
+  @include desktop
+    max-height: 5rem
+    padding: 0 // necessary ?
+</style>
diff --git a/front/nuxt.config.ts b/front/nuxt.config.ts
index 0aa2eb9..8e5f98a 100644
--- a/front/nuxt.config.ts
+++ b/front/nuxt.config.ts
@@ -18,6 +18,15 @@ export default defineNuxtConfig({
   },
 
   css: ["@/css/app.sass"],
+  vite: {
+    css: {
+      preprocessorOptions: {
+        sass: {
+          additionalData: `@import "@/css/tools.sass" \n`,
+        },
+      },
+    },
+  },
 
   // Modules: https://go.nuxtjs.dev/config-modules
   modules: [