diff --git a/client/components/cards/checklists.css b/client/components/cards/checklists.css
index e3b44b65b..6d8a346f8 100644
--- a/client/components/cards/checklists.css
+++ b/client/components/cards/checklists.css
@@ -40,6 +40,8 @@ textarea.js-edit-checklist-item {
   display: flex;
   justify-content: space-between;
 }
+
+
 .checklist-progress-bar-container {
   display: flex;
   flex-direction: row;
diff --git a/client/components/cards/minicard.css b/client/components/cards/minicard.css
index 83876cd13..07ca83389 100644
--- a/client/components/cards/minicard.css
+++ b/client/components/cards/minicard.css
@@ -4,6 +4,9 @@
 .minicard .checklist-details-menu {
   display: none;
 }
+.minicard .checklist-progress-bar-container {
+  width: 190px; /* TODO: Add adjustable width https://github.com/wekan/wekan/pull/4964 */
+}
 .minicard-wrapper {
   cursor: pointer;
   position: relative;
diff --git a/client/components/cards/minicard.js b/client/components/cards/minicard.js
index 24b196eee..079c72155 100644
--- a/client/components/cards/minicard.js
+++ b/client/components/cards/minicard.js
@@ -92,6 +92,11 @@ BlazeComponent.extendComponent({
   events() {
     return [
       {
+        'click .minicard-checklists'() {
+          // Prevents clicking checklist at minicard from opening card details,
+          // while still allowing checking checlist items.
+          event.preventDefault();
+        },
         'click .js-linked-link'() {
           if (this.data().isLinkedCard()) Utils.goCardId(this.data().linkedId);
           else if (this.data().isLinkedBoard())