diff --git a/client/src/components/circle/LearningSequence.vue b/client/src/components/circle/LearningSequence.vue
index 23780eec..27a6244a 100644
--- a/client/src/components/circle/LearningSequence.vue
+++ b/client/src/components/circle/LearningSequence.vue
@@ -29,11 +29,11 @@ defineProps(['learningSequence'])
           v-for="learningContent in learningUnit.learningContents"
           class="flex items-center gap-4 pb-3"
         >
-          <div @click="$emit('toggleLearningContentCheckbox', learningContent)">
+          <div class="w-8 h-8" @click="$emit('toggleLearningContentCheckbox', learningContent)">
             <it-icon-checkbox-checked v-if="learningContent.completed" />
             <it-icon-checkbox-unchecked v-else />
           </div>
-          <div>{{ learningContent.contents[0].type }}: {{ learningContent.title }}</div>
+          <div>{{ learningContent.contents[0].type }}: {{ learningContent.title }} {{ learningContent.completed}}</div>
         </div>
 
         <hr class="-mx-4 text-gray-500">
diff --git a/server/vbv_lernwelt/static/icons/icon-checkbox-unchecked.svg b/server/vbv_lernwelt/static/icons/icon-checkbox-unchecked.svg
index c75cd0f6..2be074b5 100644
--- a/server/vbv_lernwelt/static/icons/icon-checkbox-unchecked.svg
+++ b/server/vbv_lernwelt/static/icons/icon-checkbox-unchecked.svg
@@ -1,6 +1,3 @@
 <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="30" height="30" fill="#EDF2F6"/>
-<rect x="1" y="1" width="28" height="28" rx="1" stroke="#00224D" stroke-width="2"/>
-<path d="M12.1529 18.7528L8.30897 14.9088L7 16.2086L12.1529 21.3615L23.2147 10.2998L21.9149 9L12.1529 18.7528Z"
-      fill="#00224D"/>
+    <rect x="1" y="1" width="28" height="28" rx="1" stroke="#B1C1CA" stroke-width="2"/>
 </svg>