diff --git a/assets/App.vue b/assets/App.vue
index 0d1fe40c28c1..d71f8f4ec863 100644
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -14,7 +14,7 @@
       <ul class="menu-list is-hidden-mobile" :class="{ 'is-active': showNav }">
         <li v-for="item in containers">
           <router-link
-            :to="{ name: 'container', params: { id: item.Id } }"
+            :to="{ name: 'container', params: { id: item.Id, name: item.Names[0] } }"
             active-class="is-active"
             class="tooltip is-tooltip-right is-tooltip-info"
             :data-tooltip="item.Names[0]"
@@ -25,6 +25,7 @@
       </ul>
     </aside>
     <div class="column is-offset-2"><router-view></router-view></div>
+    <vue-headful :title="title" />
   </div>
 </template>
 
@@ -33,12 +34,14 @@ export default {
   name: "App",
   data() {
     return {
+      title: "Dozzle",
       containers: [],
       showNav: false
     };
   },
   async created() {
     this.containers = await (await fetch(`${BASE_PATH}/api/containers.json`)).json();
+    this.title = `${this.containers.length} containers - Dozzle`;
   }
 };
 </script>
diff --git a/assets/main.js b/assets/main.js
index 60e5aee36255..6ac8eb131552 100644
--- a/assets/main.js
+++ b/assets/main.js
@@ -1,10 +1,12 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
+import vueHeadful from "vue-headful";
 import App from "./App.vue";
 import Container from "./pages/Container.vue";
 import Index from "./pages/Index.vue";
 
 Vue.use(VueRouter);
+Vue.component("vue-headful", vueHeadful);
 
 const routes = [
   {
diff --git a/assets/pages/Container.vue b/assets/pages/Container.vue
index 0ea240d7727e..82b38113ad2d 100644
--- a/assets/pages/Container.vue
+++ b/assets/pages/Container.vue
@@ -6,6 +6,7 @@
       </li>
     </ul>
     <scrollbar-notification :messages="messages"></scrollbar-notification>
+    <vue-headful :title="title" />
   </div>
 </template>
 
@@ -29,14 +30,15 @@ const parseMessage = data => {
 };
 
 export default {
-  props: ["id"],
+  props: ["id", "name"],
   name: "Container",
   components: {
     ScrollbarNotification
   },
   data() {
     return {
-      messages: []
+      messages: [],
+      title: ""
     };
   },
   created() {
@@ -61,7 +63,7 @@ export default {
         this.messages = [];
       }
       const protocol = SSL_ENABLED ? "wss" : "ws";
-      ws = new WebSocket(`${protocol}://${window.location.host}${BASE_PATH}/api/logs?id=${this.id}`);
+      ws = new WebSocket(`${protocol}://${window.location.host}${BASE_PATH}/api/logs?id=${id}`);
       ws.onopen = e => console.log("Connection opened.");
       ws.onclose = e => console.log("Connection closed.");
       ws.onerror = e => console.error("Connection error: " + e.data);
@@ -69,6 +71,7 @@ export default {
         const message = parseMessage(e.data);
         this.messages.push(message);
       };
+      this.title = `${this.name} - Dozzle`;
     }
   }
 };
diff --git a/package-lock.json b/package-lock.json
index dee3f68a4d3d..220e4b2435a8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1264,7 +1264,7 @@
     },
     "ansi-escapes": {
       "version": "3.1.0",
-      "resolved": "http://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz",
       "integrity": "sha512-UgAb8H9D41AQnu/PbWlCofQVcnV4Gs2bBJi9eZPxfU/hgglFh3SMDMENRIqdr7H6XFnXdoknctFByVsCOotTVw==",
       "dev": true
     },
@@ -4001,7 +4001,7 @@
     },
     "globby": {
       "version": "6.1.0",
-      "resolved": "http://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
       "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
       "dev": true,
       "requires": {
@@ -4130,6 +4130,11 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "headful": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/headful/-/headful-1.0.3.tgz",
+      "integrity": "sha512-vF9Vfddn1QWmziliht2mji6ayI78+hUuSC+Kt0GEqLw/51zWgi1KF7oLtIQf3nlkg8sQQOlznkkIaF4W9lIt9w=="
+    },
     "hex-color-regex": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
@@ -9126,6 +9131,14 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.17.tgz",
       "integrity": "sha512-mFbcWoDIJi0w0Za4emyLiW72Jae0yjANHbCVquMKijcavBGypqlF7zHRgMa5k4sesdv7hv2rB4JPdZfR+TPfhQ=="
     },
+    "vue-headful": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/vue-headful/-/vue-headful-2.0.1.tgz",
+      "integrity": "sha512-h2G/jXCi2hAx6O3gwWN8uTj1eQlSKNHgvkCVZcokZneGczWCRghAUCFYrOvZQM+F+SyFB3YXqoI62rE0Sc8QsA==",
+      "requires": {
+        "headful": "^1.0.3"
+      }
+    },
     "vue-hot-reload-api": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.1.tgz",
diff --git a/package.json b/package.json
index 22410c29cf32..34820776f0c0 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
   "bulma-tooltip": "^2.0.2",
   "date-fns": "^2.0.0-alpha.25",
   "vue": "^2.5.17",
+  "vue-headful": "^2.0.1",
   "vue-router": "^3.0.2"
  },
  "devDependencies": {