diff --git a/app/styles/app.scss b/app/styles/app.scss
index a518511..b16edbf 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -5,6 +5,8 @@
 
 @import "components/words";
 
+@import "components/table";
+
 #page_header {
   margin-bottom: 0;
 /*  background-image: url("/assets/images/banner_bkg.png"); */
diff --git a/app/styles/components/table.scss b/app/styles/components/table.scss
new file mode 100644
index 0000000..bbabceb
--- /dev/null
+++ b/app/styles/components/table.scss
@@ -0,0 +1,19 @@
+#morph {
+	border-collapse: collapse;
+	width: auto;
+}
+
+#morph td, #morph th {
+	border: 1px solid #ddd;
+	padding: 6px;
+}
+
+#morph th {
+	background-color:#85AB40;
+	color:white;
+	font-weight:bold;
+}
+
+#morph tr:nth-child(even){background-color: #f2f2f2;}
+
+#morph tr:hover {background-color: #ddd;}
\ No newline at end of file
diff --git a/app/templates/morph-legend.hbs b/app/templates/morph-legend.hbs
index eabf8a5..cf0964b 100644
--- a/app/templates/morph-legend.hbs
+++ b/app/templates/morph-legend.hbs
@@ -1,6 +1,6 @@
 <div class="container mt-5">
   <h2>Morphology Codes and Descriptions</h2>
-  <table style="width:100%">
+  <table id="morph">
     <tr><th>Morph Code</th><th>Description</th></tr>
     <tr><td>A-APF-C</td><td>Adjective Accusative Plural Feminine Comparative</td></tr>
     <tr><td>A-APF-NUI</td><td>Adjective Accusative Plural Feminine NUmerical Indiclinable (A)</td></tr>