diff --git a/conversejs/custom/plugins/tasks/styles/muc-task-lists.scss b/conversejs/custom/plugins/tasks/styles/muc-task-lists.scss
index de0787c1..7ac09e22 100644
--- a/conversejs/custom/plugins/tasks/styles/muc-task-lists.scss
+++ b/conversejs/custom/plugins/tasks/styles/muc-task-lists.scss
@@ -9,6 +9,7 @@
 
     .task-list-line {
       border: 1px solid var(--chatroom-head-bg-color);
+      border-radius: 4px;
       display: flex;
       flex-flow: row nowrap;
       justify-content: space-around;
diff --git a/conversejs/custom/plugins/tasks/styles/muc-tasks.scss b/conversejs/custom/plugins/tasks/styles/muc-tasks.scss
index 8071caee..68b0bd64 100644
--- a/conversejs/custom/plugins/tasks/styles/muc-tasks.scss
+++ b/conversejs/custom/plugins/tasks/styles/muc-tasks.scss
@@ -5,6 +5,7 @@
 
     .task-line {
       border: 1px solid var(--chatroom-head-bg-color);
+      border-radius: 4px;
       display: flex;
       flex-flow: row nowrap;
       justify-content: space-around;
diff --git a/conversejs/custom/plugins/tasks/templates/muc-task-list.js b/conversejs/custom/plugins/tasks/templates/muc-task-list.js
index 86b24ba7..70b22a89 100644
--- a/conversejs/custom/plugins/tasks/templates/muc-task-list.js
+++ b/conversejs/custom/plugins/tasks/templates/muc-task-list.js
@@ -18,21 +18,21 @@ export default function tplMucTaskList (el, tasklist) {
           <button @click=${el.toggleTasks} class="task-list-toggle-tasks">
             <converse-icon
               color="var(--muc-toolbar-btn-color)"
-              class="fa fa-angle-double-up"
+              class="fa fa-angle-right"
               size="1em"></converse-icon>
           </button>`
         : html`
           <button @click=${el.toggleTasks} class="task-list-toggle-tasks">
             <converse-icon
               color="var(--muc-toolbar-btn-color)"
-              class="fa fa-angle-double-down"
+              class="fa fa-angle-down"
               size="1em"></converse-icon>
           </button>`
       }
       ${!el.edit
         ? html`
           <div class="task-list-name">
-            ${tasklist.get('name')}
+            <a @click=${el.toggleTasks}>${tasklist.get('name')}</a>
           </div>
           <button class="task-list-action" title="${i18nCreateTask}" @click=${el.openAddTaskForm}>
             <converse-icon class="fa fa-plus" size="1em"></converse-icon>