diff --git a/themes/sukaato/layouts/partials/terms.html b/themes/sukaato/layouts/partials/terms.html
index 8a6ebec..98609e9 100644
--- a/themes/sukaato/layouts/partials/terms.html
+++ b/themes/sukaato/layouts/partials/terms.html
@@ -12,11 +12,11 @@ For a given taxonomy, renders a list of terms assigned to the page.
 
 {{- with $page.GetTerms $taxonomy }}
   {{- $label := (index . 0).Parent.LinkTitle }}
-  <div>
-    <div>{{ $label }}:</div>
-    <ul>
+  <div id="terms">
+    <div id="label" class="terms"><span>{{ $label }}:</span></div>
+    <ul id="directory" class="terms">
       {{- range . }}
-        <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+        <li class="term"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
       {{- end }}
     </ul>
   </div>