diff --git a/js/package.json b/js/package.json
index 57abe688c..85f287c8a 100644
--- a/js/package.json
+++ b/js/package.json
@@ -60,6 +60,7 @@
"tslint": "^5.16.0",
"tslint-config-airbnb": "^5.11.1",
"typescript": "^3.4.3",
+ "vue-svg-inline-loader": "^1.2.15",
"vue-template-compiler": "^2.6.10",
"webpack": "^4.30.0",
"webpack-bundle-analyzer": "^3.3.2"
diff --git a/js/src/assets/mobilizon_logo.svg b/js/src/assets/mobilizon_logo.svg
index 1130b11f0..a60db4c88 100644
--- a/js/src/assets/mobilizon_logo.svg
+++ b/js/src/assets/mobilizon_logo.svg
@@ -1 +1,33 @@
-
\ No newline at end of file
+
diff --git a/js/src/components/Footer.vue b/js/src/components/Footer.vue
index 195b1a707..4f7cbb001 100644
--- a/js/src/components/Footer.vue
+++ b/js/src/components/Footer.vue
@@ -38,6 +38,7 @@ export default class Footer extends Vue {
align-items: center;
.logo {
+ fill: $secondary;
flex: 1;
}
diff --git a/js/src/components/Logo.vue b/js/src/components/Logo.vue
index 0102e10a8..17e7d9270 100644
--- a/js/src/components/Logo.vue
+++ b/js/src/components/Logo.vue
@@ -1,5 +1,5 @@
-
+