diff --git a/src/404.html b/src/404.html
index b89e1ad..0b80b28 100755
--- a/src/404.html
+++ b/src/404.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>404</title>
   </head>
   <body class="app">
diff --git a/src/500.html b/src/500.html
index 9225d04..c208e63 100755
--- a/src/500.html
+++ b/src/500.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>500</title>
   </head>
   <body class="app">
diff --git a/src/basic-table.html b/src/basic-table.html
index 5d6481b..6a6669f 100755
--- a/src/basic-table.html
+++ b/src/basic-table.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Basic Table</title>
     <style>
       #loader {
diff --git a/src/buttons.html b/src/buttons.html
index d9f58e5..28346b4 100755
--- a/src/buttons.html
+++ b/src/buttons.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title></title>
   </head>
   <body class="app">
diff --git a/src/calendar.html b/src/calendar.html
index 35dd327..958a35c 100755
--- a/src/calendar.html
+++ b/src/calendar.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Calendar</title>
     <style>
       #loader {
diff --git a/src/charts.html b/src/charts.html
index ef1cf8b..74aea30 100755
--- a/src/charts.html
+++ b/src/charts.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Charts</title>
     <style>
       #loader {
diff --git a/src/chat.html b/src/chat.html
index 8cc270d..a434d24 100755
--- a/src/chat.html
+++ b/src/chat.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Chat</title>
     <style>
       #loader {
diff --git a/src/compose.html b/src/compose.html
index d2794aa..567ff04 100755
--- a/src/compose.html
+++ b/src/compose.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Compose</title>
     <style>
       #loader {
diff --git a/src/datatable.html b/src/datatable.html
index 941927a..8ac4c84 100755
--- a/src/datatable.html
+++ b/src/datatable.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Data Tables</title>
     <style>
       #loader {
diff --git a/src/email.html b/src/email.html
index 1979cde..57a0490 100755
--- a/src/email.html
+++ b/src/email.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Email</title>
     <style>
       #loader {
diff --git a/src/forms.html b/src/forms.html
index 609a88f..75796de 100755
--- a/src/forms.html
+++ b/src/forms.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Forms</title>
     <style>
       #loader {
diff --git a/src/google-maps.html b/src/google-maps.html
index 2f3c2b3..175705e 100755
--- a/src/google-maps.html
+++ b/src/google-maps.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Google Maps</title>
     <style>
       #loader {
diff --git a/src/index.html b/src/index.html
index 48ea00d..c0585a4 100755
--- a/src/index.html
+++ b/src/index.html
@@ -1,7 +1,10 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Dashboard</title>
+
     <style>
       #loader {
         transition: all 0.3s ease-in-out;
diff --git a/src/signin.html b/src/signin.html
index 1cd0818..85345ed 100755
--- a/src/signin.html
+++ b/src/signin.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Sign In</title>
     <style>
       #loader {
diff --git a/src/signup.html b/src/signup.html
index 34c2235..829a157 100755
--- a/src/signup.html
+++ b/src/signup.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Sign Up</title>
     <style>
       #loader {
diff --git a/src/ui.html b/src/ui.html
index 55ff401..09c9cb0 100755
--- a/src/ui.html
+++ b/src/ui.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>UI Elements</title>
     <style>
       #loader {
diff --git a/src/vector-maps.html b/src/vector-maps.html
index 75f134a..d5e1643 100755
--- a/src/vector-maps.html
+++ b/src/vector-maps.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Vector Maps</title>
     <style>
       #loader {
