diff --git a/boards/static/css/md/base_page.css b/boards/static/css/md/base_page.css
--- a/boards/static/css/md/base_page.css
+++ b/boards/static/css/md/base_page.css
@@ -388,10 +388,6 @@ li {
     color: #ccc;
 }
 
-.role {
-    text-decoration: underline;
-}
-
 .form-email {
     display: none;
 }
diff --git a/boards/static/css/pg/base_page.css b/boards/static/css/pg/base_page.css
--- a/boards/static/css/pg/base_page.css
+++ b/boards/static/css/pg/base_page.css
@@ -302,10 +302,6 @@ input[type="submit"]:hover {
     color: #555;
 }
 
-.role {
-    text-decoration: underline;
-}
-
 .form-email {
     display: none;
 }
diff --git a/boards/static/css/sw/base_page.css b/boards/static/css/sw/base_page.css
--- a/boards/static/css/sw/base_page.css
+++ b/boards/static/css/sw/base_page.css
@@ -279,10 +279,6 @@ li {
     color: #ccc;
 }
 
-.role {
-    text-decoration: underline;
-}
-
 .form-email {
     display: none;
 }
diff --git a/boards/templates/boards/authors.html b/boards/templates/boards/authors.html
--- a/boards/templates/boards/authors.html
+++ b/boards/templates/boards/authors.html
@@ -19,10 +19,7 @@
                 {% for value in values.contacts %}
                     <a href="mailto:{{ value }}">{{ value }}</a>
                 {% endfor %} -
-                {% for role in values.roles %}
-                    <span class="role">{% trans role %}</span>
-                    {% if not forloop.last %}, {% endif %}
-                {% endfor %}
+                {{ values.roles|join:', ' }}
             </p>
         {% endfor %}
         <br />