diff --git a/client/static/css/style.css b/client/static/css/style.css
index 695cf74536dd912af0039f4dbdea920aac648e33..8f8bda0d97130e8f4a7be0fc0c22ed8766df0fc7 100644
--- a/client/static/css/style.css
+++ b/client/static/css/style.css
@@ -144,6 +144,10 @@
     padding: 0;
 }
 
+.task-content .collapsible-body {
+    padding: 1.5rem;
+}
+
 .subtask-status-count {
     position: absolute;
     right: 15px;
diff --git a/client/templates/roadmap.html b/client/templates/roadmap.html
index 0d2f3e90782ca2134908ff8eaa8f5e3a6d09801d..9a013e2482115c7b457438306dc7374c14385941 100644
--- a/client/templates/roadmap.html
+++ b/client/templates/roadmap.html
@@ -119,7 +119,7 @@
                         {% if task["subtasks"]|length > 0 %}
                             {{ printSubTasksDone(localization, task) }}
                         {% else %}
-                            <li>
+                            <li class="task-content">
                             {% if task["Status"] == 0 %}
                                 <div class="collapsible-header bold truncate valign-wrapper"><i class="material-icons red-text">build</i>{{ task["Title"] }}</div>
                             {% else %}
@@ -137,7 +137,7 @@
 
 {% macro printSubTasksDone(localization, task) -%}
     {% set numberOfSubTasks = task["subtasks"]|length %}
-    <li>
+    <li class="task-content">
     {% if task["numberOfOpenSubTasks"] > 0 %}
         <div class="collapsible-header bold valign-wrapper"><i class="material-icons red-text">build</i>{{ task["Title"] }}<div class="subtask-status-count">{{ numberOfSubTasks - task["numberOfOpenSubTasks"] }}/{{ numberOfSubTasks }}</div></div>
     {% else %}
@@ -146,7 +146,7 @@
         <div class="collapsible-body">
             <ul class="collapsible white margin-left-and-right no-shadow margin-top-and-bottom" data-collapsible="accordion">
                 {% for subtask in task["subtasks"] %}
-                    <li>
+                    <li class="task-content">
                         {% if subtask["Status"] == 0 %}
                             <div class="collapsible-header bold valign-wrapper"><span class="left">{{ loop.index }}</span><i class="material-icons red-text margin-left">build</i>{{ subtask["Title"] }}</div>
                         {% else %}
@@ -189,7 +189,7 @@
                         {% if numberOfSubTasks > 0 %}
                             {{ printSubTasksDone(localization, task) }}
                         {% else %}
-                            <li>
+                            <li class="task-content">
                                 <div class="collapsible-header bold truncate valign-wrapper"><i class="material-icons green-text">check</i>{{ task["Title"] }}</div>
                                 <div class="collapsible-body"><p>{{ task["Description"] }}</p></div>
                             </li>