diff --git a/components/infoModal.vue b/components/infoModal.vue
new file mode 100644
index 0000000..b848c0e
--- /dev/null
+++ b/components/infoModal.vue
@@ -0,0 +1,49 @@
+<template>
+  <v-dialog scrollable width="75%"
+            v-model="$store.state.infoModal">
+    <v-btn secondary dark
+           @click.mative="refresh()"
+           slot="activator">History
+    </v-btn>
+    <v-card class="secondary">
+      <v-card-title>NAME</v-card-title>
+      <v-divider></v-divider>
+      <v-card-row height="70%">
+        <v-card-text>
+          <v-row>
+            <h1>Hello</h1>
+          </v-row>
+        </v-card-text>
+      </v-card-row>
+      <v-divider></v-divider>
+      <v-card-row actions style=" padding-right: 20px;">
+        <v-btn class="white--text darken-1"
+               style="width: 100px;"
+               primary
+               @click.native="$store.commit('setInfoModal', false)">
+          Close
+        </v-btn>
+      </v-card-row>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+  import Loader from '~components/loader.vue'
+
+  export default{
+    data() {
+      return {}
+    },
+    computed: {
+
+    },
+    components: {
+      Loader
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/nuxt.config.js b/nuxt.config.js
index 2efff02..791f05c 100755
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -22,7 +22,7 @@ module.exports = {
     title: 'KawAnime',
     meta: [
       {charset: 'utf-8'},
-      {name: 'viewport', content: 'width=device-width, initial-scale=1'},
+      {name: 'viewport', content: 'width=device-width, initial-scale=1'}
     ],
     link: [
       // { rel: 'icon', type: 'image/x-icon', href: 'favicon.ico' },
diff --git a/package.json b/package.json
index f1e5536..2e8b5f2 100755
--- a/package.json
+++ b/package.json
@@ -36,7 +36,6 @@
     "devtron": "^1.4.0",
     "electron": "^1.6.6",
     "electron-builder": "^17.1.1",
-    "eslint-plugin-html": "^2.0.3",
     "eslint-plugin-vue": "^2.0.1",
     "pre-commit": "^1.2.2",
     "standard": "^10.0.2",
diff --git a/pages/index.vue b/pages/index.vue
index 15572f5..527e64a 100755
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -44,7 +44,7 @@
               <v-card-text class="elem-card">
                 <v-container fluid style="padding: 0;">
                   <v-row>
-                    <v-col class="elem-title" xs9 v-tooltip:top="{ html: item.name }">
+                    <v-col class="elem-title" xs9 v-tooltip:top="{ html: item.rawName }">
                       <h6>{{ item.rawName }}</h6>
                     </v-col>
                     <v-col v-tooltip:top="{ html: 'Episode ' + item.ep }"
diff --git a/store/index.js b/store/index.js
index 9fd7dfd..e9a2331 100644
--- a/store/index.js
+++ b/store/index.js
@@ -55,7 +55,9 @@ const store = new Vuex.Store({
     searchInput: '',
     searchInfo: {},
     history: {},
-    historyModal: false
+    historyModal: false,
+    infoModal: false,
+    info: {}
   },
   mutations: {
     init (state, data) {
@@ -155,6 +157,12 @@ const store = new Vuex.Store({
     setHistoryModal: function (state, data) {
       state.historyModal = data
     },
+    setInfoModal: function (state, data) {
+      state.infoModal = data
+    },
+    setInfoModalInfo: function (state, data) {
+      state.info = data
+    },
     setReleasesUpdateTime (state, data) {
       state.releasesUpdateTime = data
     },