diff --git a/tea/templates/tea/detail.html b/tea/templates/tea/detail.html
index 4fe0282..3f35954 100644
--- a/tea/templates/tea/detail.html
+++ b/tea/templates/tea/detail.html
@@ -1,7 +1,7 @@
 {% extends 'homepage/base.html' %}
 
 {% block content %}
-<h2>{{ tea.company.name }} - {{ tea.name }} ({{ tea.tea_type }})</h2>
+<h2>{{ tea.company.name }} - {{ tea.name }} ({{ tea.get_tea_type_display }})</h2>
 
 <p class="lead">
 {{ tea.ingredients }}
diff --git a/tea/templates/tea/index.html b/tea/templates/tea/index.html
index a657f40..0f31fe2 100644
--- a/tea/templates/tea/index.html
+++ b/tea/templates/tea/index.html
@@ -7,6 +7,7 @@
     {% for tea in company.tea_set.all %}
         <li {% if not tea.available %} style="text-decoration: Line-Through"{% endif %}>
             <a href="{% url 'tea:detail' tea.id %}">{{ tea.name }}</a>
+            <class>{{ tea.get_tea_type_display }}</class>
         </li>
     {% endfor %}
     </ul>