diff --git a/assets/css/pretendo-pnid.css b/assets/css/pretendo-pnid.css
index 41e01cf..0118f35 100644
--- a/assets/css/pretendo-pnid.css
+++ b/assets/css/pretendo-pnid.css
@@ -78,6 +78,14 @@ nav.userNav .links .navItem.active {
     background-color: white;
     border: 1px solid #d1d1d1;
     padding: 1em 2em;
+    transition: transform .2s ease-in, max-height .2s, padding .5s;
+    overflow: hidden;
+    max-height: 100vh;
+}
+.email_popup.closed {
+    transform: translateY(-15rem);
+    max-height: 0;
+    padding: 0;
 }
 .email_popup p {
     padding: 0;
diff --git a/assets/js/api.js b/assets/js/api.js
index 5688a2a..643549a 100644
--- a/assets/js/api.js
+++ b/assets/js/api.js
@@ -98,4 +98,9 @@ function sendMessage() {
 			showErrorPopup(response.errors);
 		}
 	}
+}
+
+function email_resend() {
+	var xhr = postAjax('/api/v1/resendemail', {});
+	document.getElementById('email_verification_popup').classList.add('closed');
 }
\ No newline at end of file
diff --git a/views/dashboard.hbs b/views/dashboard.hbs
index 31bdd05..8f01155 100644
--- a/views/dashboard.hbs
+++ b/views/dashboard.hbs
@@ -4,10 +4,12 @@
         {{> head-common }}
         <!-- page specific -->
         <link rel="stylesheet" href="/assets/css/pretendo-pnid.css">
+        <!-- scripts -->
+        <script src="/assets/js/api.js"></script>
     </head>
     <body class="flex">
         {{> nav-default }}
-        <div id="email_validation_popup" class="email_popup{{#if_eq user.email_validated true}} hide{{/if_eq}}"><p>{{ locale.verify_email_popup.text }}</p><span><button class="btn-alt small">{{ locale.validate_email_popup.change_button_text }}</button> <button class="btn small">{{ locale.verify_email_popup.repeat_button_text }}</button></span></div>
+        <div id="email_verification_popup" class="email_popup{{#if_eq user.email_validated true}} hide{{/if_eq}}"><p>{{ locale.verify_email_popup.text }}</p><span><button class="btn-alt small">{{ locale.validate_email_popup.change_button_text }}</button> <button class="btn small" onclick="email_resend();">{{ locale.verify_email_popup.repeat_button_text }}</button></span></div>
         <div class="contentWrapper userPage">
             {{> nav-dashboard }}
             <section class="contentCard">
