diff --git a/src/renderer/components/ft-input/ft-input.js b/src/renderer/components/ft-input/ft-input.js
index 91197b1b..1bc81a66 100644
--- a/src/renderer/components/ft-input/ft-input.js
+++ b/src/renderer/components/ft-input/ft-input.js
@@ -49,6 +49,7 @@ export default Vue.extend({
   },
   mounted: function () {
     this.id = this._uid
+    this.inputData = this.value
 
     setTimeout(this.addListener, 200)
   },
@@ -57,9 +58,8 @@ export default Vue.extend({
       this.$emit('click', this.inputData)
     },
 
-    handleInput: function (input) {
-      this.inputData = input
-      this.$emit('input', input)
+    handleInput: function () {
+      this.$emit('input', this.inputData)
     },
 
     addListener: function () {
diff --git a/src/renderer/components/ft-input/ft-input.vue b/src/renderer/components/ft-input/ft-input.vue
index efd890a7..0b938ab2 100644
--- a/src/renderer/components/ft-input/ft-input.vue
+++ b/src/renderer/components/ft-input/ft-input.vue
@@ -15,7 +15,7 @@
     <input
       :id="id"
       :list="idDataList"
-      :value="value"
+      v-model="inputData"
       class="ft-input"
       type="text"
       :placeholder="placeholder"
diff --git a/src/renderer/components/top-nav/top-nav.js b/src/renderer/components/top-nav/top-nav.js
index 4a8f46ba..2f813694 100644
--- a/src/renderer/components/top-nav/top-nav.js
+++ b/src/renderer/components/top-nav/top-nav.js
@@ -17,7 +17,6 @@ export default Vue.extend({
       component: this,
       windowWidth: 0,
       showFilters: false,
-      searchValue: '',
       searchSuggestionsDataList: []
     }
   },
@@ -126,20 +125,17 @@ export default Vue.extend({
     getSearchSuggestionsLocal: function (query) {
       if (query === '') {
         this.searchSuggestionsDataList = []
-        this.searchValue = ''
         return
       }
 
       ytSuggest(query).then((results) => {
         this.searchSuggestionsDataList = results
-        this.searchValue = query
       })
     },
 
     getSearchSuggestionsInvidious: function (query) {
       if (query === '') {
         this.searchSuggestionsDataList = []
-        this.searchValue = ''
         return
       }
 
@@ -153,7 +149,6 @@ export default Vue.extend({
 
       this.$store.dispatch('invidiousAPICall', searchPayload).then((results) => {
         this.searchSuggestionsDataList = results.suggestions
-        this.searchValue = query
       }).error((err) => {
         console.log(err)
         if (this.backendFallback) {
diff --git a/src/renderer/components/top-nav/top-nav.vue b/src/renderer/components/top-nav/top-nav.vue
index c005b8e0..6e7b2584 100644
--- a/src/renderer/components/top-nav/top-nav.vue
+++ b/src/renderer/components/top-nav/top-nav.vue
@@ -40,7 +40,6 @@
           class="searchInput"
           :is-search="true"
           :data-list="searchSuggestionsDataList"
-          :value="searchValue"
           @input="getSearchSuggestionsDebounce"
           @click="goToSearch"
         />