diff --git a/webpack-bs5-demo-with-locales/src/assets/aurelia-logo.png b/webpack-bs5-demo-with-locales/src/assets/aurelia-logo.png
new file mode 100644
index 00000000..b8737b17
Binary files /dev/null and b/webpack-bs5-demo-with-locales/src/assets/aurelia-logo.png differ
diff --git a/webpack-bs5-demo-with-locales/src/my-app.html b/webpack-bs5-demo-with-locales/src/my-app.html
index 7331f196..053caa05 100644
--- a/webpack-bs5-demo-with-locales/src/my-app.html
+++ b/webpack-bs5-demo-with-locales/src/my-app.html
@@ -4,6 +4,7 @@
       <i class="mdi mdi-github"></i>
       <span>Aurelia-Slickgrid</span>
     </a>
+    <img src="assets/aurelia-logo.png" class="logo" height="35" alt="image">
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-target="#navbarContent"
             aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
diff --git a/webpack-bs5-demo-with-locales/src/styles.scss b/webpack-bs5-demo-with-locales/src/styles.scss
index c175917e..c3350a56 100644
--- a/webpack-bs5-demo-with-locales/src/styles.scss
+++ b/webpack-bs5-demo-with-locales/src/styles.scss
@@ -109,6 +109,15 @@ outline: 0 none;
   border-bottom: 1px solid #d6d6d6;
 }
 
+.navbar {
+  .navbar-brand {
+    margin-right: 0px;
+  }
+  .logo {
+    margin: 0 8px;
+  }
+}
+
 .panel-wm {
   padding: #{$navbar-height} 0 0 0;
 
diff --git a/webpack-bs5-demo/src/my-app.html b/webpack-bs5-demo/src/my-app.html
index 7331f196..053caa05 100644
--- a/webpack-bs5-demo/src/my-app.html
+++ b/webpack-bs5-demo/src/my-app.html
@@ -4,6 +4,7 @@
       <i class="mdi mdi-github"></i>
       <span>Aurelia-Slickgrid</span>
     </a>
+    <img src="assets/aurelia-logo.png" class="logo" height="35" alt="image">
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-target="#navbarContent"
             aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
diff --git a/webpack-bs5-demo/src/styles.scss b/webpack-bs5-demo/src/styles.scss
index c175917e..c3350a56 100644
--- a/webpack-bs5-demo/src/styles.scss
+++ b/webpack-bs5-demo/src/styles.scss
@@ -109,6 +109,15 @@ outline: 0 none;
   border-bottom: 1px solid #d6d6d6;
 }
 
+.navbar {
+  .navbar-brand {
+    margin-right: 0px;
+  }
+  .logo {
+    margin: 0 8px;
+  }
+}
+
 .panel-wm {
   padding: #{$navbar-height} 0 0 0;
 
diff --git a/webpack-bs5-demo/website/assets/aurelia-logo.png b/webpack-bs5-demo/website/assets/aurelia-logo.png
new file mode 100644
index 00000000..b8737b17
Binary files /dev/null and b/webpack-bs5-demo/website/assets/aurelia-logo.png differ