diff --git a/admin/tool/dataprivacy/styles.css b/admin/tool/dataprivacy/styles.css
index c19dc6dfbd6..836fac56232 100644
--- a/admin/tool/dataprivacy/styles.css
+++ b/admin/tool/dataprivacy/styles.css
@@ -37,8 +37,7 @@ dd a.contactdpo {
     margin: 1em;
 }
 
-[data-region="purposes"] .col-description,
-[data-region="purposes"] .col-name {
+[data-region="purposes"] .col-name-description {
     width: 25%;
 }
 
diff --git a/admin/tool/dataprivacy/templates/purposes.mustache b/admin/tool/dataprivacy/templates/purposes.mustache
index 396ac82a408..e331f7f811f 100644
--- a/admin/tool/dataprivacy/templates/purposes.mustache
+++ b/admin/tool/dataprivacy/templates/purposes.mustache
@@ -67,8 +67,7 @@
         <caption class="accesshide">{{#str}}purposeslist, tool_dataprivacy{{/str}}</caption>
         <thead>
             <tr>
-                <th scope="col" class="col-name">{{#str}}name{{/str}}</th>
-                <th scope="col" class="col-description">{{#str}}description{{/str}}</th>
+                <th scope="col" class="col-name-description">{{#str}}name{{/str}}</th>
                 <th scope="col">{{#str}}lawfulbases, tool_dataprivacy{{/str}}</th>
                 <th scope="col">{{#str}}sensitivedatareasons, tool_dataprivacy{{/str}}</th>
                 <th scope="col">{{#str}}retentionperiod, tool_dataprivacy{{/str}}</th>
@@ -79,10 +78,18 @@
         <tbody>
             {{#purposes}}
             <tr data-purposeid="{{id}}">
-                <td>{{{name}}}</td>
-                <td>{{{description}}}</td>
                 <td>
-                    <ul>
+                    <dl>
+                        <dt>
+                            {{{name}}}
+                        </dt>
+                        <dd>
+                            {{{description}}}
+                        </dd>
+                    </dl>
+                </td>
+                <td>
+                    <ul class="list-unstyled">
                         {{#formattedlawfulbases}}
                             <li>
                                 <span>{{name}}{{# pix }} i/info, core, {{description}} {{/ pix }}</span>
@@ -91,7 +98,7 @@
                     </ul>
                 </td>
                 <td>
-                    <ul>
+                    <ul class="list-unstyled">
                         {{#formattedsensitivedatareasons}}
                             <li>
                                 <span>{{name}}{{# pix }} i/info, core, {{description}} {{/ pix }}</span>