diff --git a/templates/base.html b/templates/base.html
index 47a9e5a..c23814a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,5 +1,6 @@
 <html>
   <head>
+    <meta charset="utf-8">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css">
     <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
diff --git a/templates/staff.html b/templates/staff.html
index 629264a..9703abd 100644
--- a/templates/staff.html
+++ b/templates/staff.html
@@ -4,7 +4,7 @@
   <div class="card fluid">
     <h1 class="section">Yoyodyne Propulsion Systems <small>Staff Roster</small></h1>
     <div class="section">
-      <table>
+      <table id="employees">
       <thead>
         <tr>
           <th>First Name</th>
diff --git a/templates/staff_detail.html b/templates/staff_detail.html
index 9d5f480..6bb6969 100644
--- a/templates/staff_detail.html
+++ b/templates/staff_detail.html
@@ -6,13 +6,13 @@
     <div class="section">
       <dl>
         <dt>Position</dt>
-        <dd>{{ employee.position }}</dd>
+        <dd id="position">{{ employee.position }}</dd>
         <dt>Marital Status</dt>
-        <dd>{{ employee.status }}</dd>
+        <dd id="status">{{ employee.status }}</dd>
         <dt>Number of Children</dt>
-        <dd>{{ employee.children }}</dd>
+        <dd id="children">{{ employee.children }}</dd>
         <dt>Hired</dt>
-        <dd>{{ employee.hired }}</dd>
+        <dd id="hired">{{ employee.hired }}</dd>
       </dl>
     </div>
   </div>
