diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2bb2e956..f1b6b8c4 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "yacht",
-  "version": "0.1.0",
+  "version": "0.0.6",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -15926,6 +15926,11 @@
         "@types/chart.js": "^2.7.55"
       }
     },
+    "vue-chat-scroll": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/vue-chat-scroll/-/vue-chat-scroll-1.4.0.tgz",
+      "integrity": "sha512-taHcwJJadZwJR4C4t/fv+R9ZXXSrwrpQKP17La/ep5q7IyH5i3BvscgSpXwu7s8TPP9T9n5n3JDnO+vRsZ/mBQ=="
+    },
     "vue-cli-plugin-apollo": {
       "version": "0.21.3",
       "resolved": "https://registry.npm.taobao.org/vue-cli-plugin-apollo/download/vue-cli-plugin-apollo-0.21.3.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index aa396a0a..4253a485 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,6 +19,7 @@
     "vee-validate": "^3.4.5",
     "vue": "^2.6.12",
     "vue-chartjs": "^3.5.1",
+    "vue-chat-scroll": "^1.4.0",
     "vue-router": "^3.4.9",
     "vue2-ace-editor": "0.0.15",
     "vuetify": "^2.4.2",
diff --git a/frontend/src/components/applications/ApplicationDetailsComponents/AppLogs.vue b/frontend/src/components/applications/ApplicationDetailsComponents/AppLogs.vue
index d45fbbc6..60e52f21 100644
--- a/frontend/src/components/applications/ApplicationDetailsComponents/AppLogs.vue
+++ b/frontend/src/components/applications/ApplicationDetailsComponents/AppLogs.vue
@@ -11,6 +11,7 @@
     </v-card-text>
     <v-virtual-scroll
       v-else
+      v-chat-scroll="{enable: true, always: false, notSmoothOnInit: true}"
       :bench="20"
       :items="logs"
       height="600"
@@ -19,9 +20,9 @@
       id="logcontainer"
     >
       <template v-slot="{ item }">
-        <div id="logtext">
+        <li id="logtext">
           {{ item }}
-        </div>
+        </li>
       </template>
     </v-virtual-scroll>
   </v-card>
@@ -32,7 +33,8 @@
 export default {
   props: ["app", "logs"],
   data() {
-    return {};
+    return {
+    };
   }
 };
 </script>
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 91c5af11..40074448 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -3,6 +3,7 @@ import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
+import VueChatScroll from 'vue-chat-scroll';
 // API Calls
 import axios from "axios";
 // UI Framework
@@ -13,6 +14,8 @@ import "./vee-validate";
 // Animations
 require("animate.css/animate.compat.css");
 
+Vue.use(VueChatScroll)
+
 Vue.config.productionTip = false;
 
 // Handle Token Refresh on 401