diff --git a/components/emailListCompare.vue b/components/emailListCompare.vue
new file mode 100644
index 00000000..2f8ec671
--- /dev/null
+++ b/components/emailListCompare.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="box">
+    <b-tabs position="is-centered" class="block">
+      <b-tab-item label="Emails a serem adicionados">
+        <div v-for="student in students" :key="student.id">{{ student }}</div>
+      </b-tab-item>
+      <b-tab-item label="Emails a serem removidos"></b-tab-item>
+    </b-tabs>
+    <div class="level">
+      <div class="level-right">
+        <div class="level-item">
+          <button class="button is-primary">
+            Confirmar Alterações
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmailCompare',
+  data() {
+    return {
+      students: [
+        { id: 1, name: 'something1', email: 'something@something.br' },
+        { id: 2, name: 'something1', email: 'something@something.br' }
+      ]
+    }
+  }
+}
+</script>
+
+<style></style>
diff --git a/layouts/default.vue b/layouts/default.vue
index 299d882a..eedd5a05 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -247,4 +247,7 @@ export default {
   height: unset;
   min-height: 100vh;
 }
+.container {
+  margin: 4rem auto 4rem auto;
+}
 </style>
diff --git a/package-lock.json b/package-lock.json
index dcdd4ba2..29845cb6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14910,17 +14910,17 @@
       "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA=="
     },
     "tar": {
-      "version": "4.4.8",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.8.tgz",
-      "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
+      "version": "4.4.9",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.9.tgz",
+      "integrity": "sha512-xisFa7Q2i3HOgfn+nmnWLGHD6Tm23hxjkx6wwGmgxkJFr6wxwXnJOdJYcZjL453PSdF0+bemO03+flAzkIdLBQ==",
       "requires": {
         "chownr": "^1.1.1",
         "fs-minipass": "^1.2.5",
-        "minipass": "^2.3.4",
-        "minizlib": "^1.1.1",
+        "minipass": "^2.3.5",
+        "minizlib": "^1.2.1",
         "mkdirp": "^0.5.0",
         "safe-buffer": "^5.1.2",
-        "yallist": "^3.0.2"
+        "yallist": "^3.0.3"
       },
       "dependencies": {
         "yallist": {
diff --git a/package.json b/package.json
index e723a115..b2c8857a 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "nuxt-fontawesome": "^0.4.0",
     "p-debounce": "^2.1.0",
     "rimraf": "^2.6.3",
-    "sqlite3": "^4.0.6"
+    "sqlite3": "^4.0.8"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^0.0.1",
diff --git a/pages/allStudents.vue b/pages/allStudents.vue
index 4027f57c..c8cbdea1 100644
--- a/pages/allStudents.vue
+++ b/pages/allStudents.vue
@@ -29,9 +29,3 @@ export default {
   }
 }
 </script>
-
-<style>
-.container {
-  height: 100vh;
-}
-</style>
diff --git a/pages/emailList.vue b/pages/emailList.vue
index e6eeacbc..841a8f91 100644
--- a/pages/emailList.vue
+++ b/pages/emailList.vue
@@ -1,32 +1,48 @@
 <template>
   <div class="container">
-    <div v-if="courseTag" class="container">
-      <export-email-list></export-email-list>
+    <div class="container">
+      <search-input
+        :key="courseTag"
+        :default-course="courseTag"
+        :title="'Lista de Email - Ativos'"
+        :is-active="1"
+      ></search-input>
+      <button class="button is-primary" @click="activateModal"></button>
+      <b-modal :active.sync="activate">
+        <email-compare></email-compare>
+      </b-modal>
     </div>
   </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
-import ExportEmailList from '~/components/exportEmailList'
+import EmailCompare from '../components/emailListCompare'
+import SearchInput from '../components/searchInput'
 
 export default {
   name: 'Email',
-  middleware: 'auth',
+  middleware: ['auth', 'course'],
   components: {
-    ExportEmailList
+    EmailCompare,
+    SearchInput
+  },
+  data() {
+    return {
+      activate: false
+    }
   },
 
   computed: {
     ...mapState({
       courseTag: state => state.courseTag
     })
+  },
+
+  methods: {
+    activateModal() {
+      this.activate = !this.activate
+    }
   }
 }
 </script>
-
-<style>
-.container {
-  height: 100vh;
-}
-</style>
diff --git a/pages/formingStudents.vue b/pages/formingStudents.vue
index 48704baf..c0509045 100644
--- a/pages/formingStudents.vue
+++ b/pages/formingStudents.vue
@@ -196,9 +196,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-.container {
-  margin: 50px auto 50px auto;
-}
-</style>