diff --git a/dashboard/src/components/app/Info.vue b/dashboard/src/components/app/Info.vue
index 8e8124c76..2e3ec2d29 100644
--- a/dashboard/src/components/app/Info.vue
+++ b/dashboard/src/components/app/Info.vue
@@ -23,7 +23,11 @@ const placeholder = 'Add admin notes here...';
 const noteContent = ref('');
 
 async function onAckChecklistItem(item, key) {
-  // TODO
+  const [error] = await appsModel.ackChecklistItem(id.value, key, true);
+  if (error) return console.error(error);
+
+  item.acknowledged = true;
+  hasOldChecklist.value = true;
 }
 
 async function onSubmit() {
@@ -66,7 +70,6 @@ onMounted(() => {
   checklist.value = app.checklist;
   hasOldChecklist.value = !!Object.keys(app.checklist).find((k) => { return app.checklist[k].acknowledged; });
   noteContent.value = app.notes === null ? app.manifest.postInstallMessage : app.notes;
-  console.log(app.manifest.postInstallMessage)
   editing.value = false;
   busy.value = false;
 });
@@ -75,24 +78,6 @@ onMounted(() => {
 
 <template>
   <div>
-    <div class="actionable" @click="info.showDoneChecklist = true" v-show="hasOldChecklist && !showDoneChecklist">Show Checklist</div>
-    <div class="actionable" @click="info.showDoneChecklist = false" v-show="showDoneChecklist">Hide Checklist</div>
-
-    <div v-for="(item, key) in checklist" :key="key">
-      <div class="checklist-item" v-if="!item.acknowledged">
-        <span v-html="marked.parse(item.message)"></span>
-        <button class="btn btn-xs btn-default" style="margin-left: 10px;" @click="onAckChecklistItem(item, key)">Done</button>
-      </div>
-    </div>
-
-    <div v-for="(item, key) in checklist" :key="key" v-show="showDoneChecklist">
-      <div class="checklist-item checklist-item-acknowledged" v-if="item.acknowledged">
-        <span v-html="marked.parse(item.message)"></span>
-        <span class="text-muted text-small">{{ item.changedBy }} {{ prettyDate(item.changedAt) }}</span>
-      </div>
-    </div>
-
-    <div style="margin-top: 10px"></div>
 
     <div class="info-row">
       <div class="info-label">{{ $t('app.updates.info.description') }}</div>
@@ -123,6 +108,29 @@ onMounted(() => {
 
     <br/>
 
+    <div style="display: flex; justify-content: end; align-items: center;">
+      <!-- TODO translate -->
+      <div class="actionable" @click="showDoneChecklist = true" v-show="hasOldChecklist && !showDoneChecklist">Show Checklist</div>
+      <div class="actionable" @click="showDoneChecklist = false" v-show="showDoneChecklist">Hide Checklist</div>
+    </div>
+
+    <div v-for="(item, key) in checklist" :key="key">
+      <div class="checklist-item" v-if="!item.acknowledged">
+        <span v-html="marked.parse(item.message)"></span>
+        <!-- TODO translate -->
+        <Button small plain tool style="margin-left: 10px;" @click="onAckChecklistItem(item, key)">Done</Button>
+      </div>
+    </div>
+
+    <div v-for="(item, key) in checklist" :key="key" v-show="showDoneChecklist">
+      <div class="checklist-item checklist-item-acknowledged" v-if="item.acknowledged">
+        <span v-html="marked.parse(item.message)"></span>
+        <span class="text-muted text-small">{{ item.changedBy }} - {{ prettyDate(item.changedAt) }}</span>
+      </div>
+    </div>
+
+    <br/>
+
     <p>
       <label class="control-label">{{ $t('app.info.notes.title') }}</label><i v-show="!editing" class="info-edit-indicator fa fa-pencil-alt" @click="onEdit()"></i>
     </p>
@@ -161,4 +169,24 @@ onMounted(() => {
   transform: scale(1.2);
 }
 
+.checklist-item {
+  padding: 8px;
+  border: none;
+  border-left: 2px solid rgb(255, 76, 76);
+  background-color: #ff000014;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 5px;
+}
+
+.checklist-item-acknowledged {
+  border-left: 2px solid var(--pankow-color-success);
+  background-color: transparent;
+}
+
+.checklist-item > span > * {
+  margin: 0;
+}
+
 </style>
\ No newline at end of file
diff --git a/dashboard/src/models/AppsModel.js b/dashboard/src/models/AppsModel.js
index 82543db38..4e3318cd8 100644
--- a/dashboard/src/models/AppsModel.js
+++ b/dashboard/src/models/AppsModel.js
@@ -389,6 +389,17 @@ function create() {
       if (result.status !== 200 && result.status !== 202) return [result];
       return [null, result.body];
     },
+    async ackChecklistItem(id, key, done) {
+      let result;
+      try {
+        result = await fetcher.put(`${API_ORIGIN}/api/v1/apps/${id}/checklist/${key}`, { done }, { access_token: accessToken });
+      } catch (e) {
+        return [e];
+      }
+
+      if (result.status !== 202) return [result];
+      return [null];
+    },
   };
 }
 
diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue
index 5a1c72c65..88fdefb40 100644
--- a/dashboard/src/views/AppsView.vue
+++ b/dashboard/src/views/AppsView.vue
@@ -222,7 +222,7 @@ onUnmounted(() => {
           <img :src="app.iconUrl" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'"/>
           <div class="grid-item-label">{{ app.label || app.subdomain || app.fqdn }}</div>
           <div class="grid-item-task-label">{{ installationStateLabel(app) }}</div>
-          <div class="apps-progress" v-show="isOperator(app)">
+          <div class="apps-progress" v-show="app.progress && isOperator(app)">
             <div class="apps-progress-filled" :style="{ width: app.progress+'%' }"></div>
           </div>
         </a>
@@ -251,7 +251,7 @@ onUnmounted(() => {
           <template #status="app">
             <div class="list-status">
               {{ installationStateLabel(app) }}
-              <div class="apps-progress" v-show="isOperator(app)">
+              <div class="apps-progress" v-show="app.progress && isOperator(app)">
                 <div class="apps-progress-filled" :style="{ width: app.progress+'%' }"></div>
               </div>
             </div>