diff --git a/components/AbgabeItem.vue b/components/AbgabeItem.vue
index 43ede6c928b36f0eeed09797754592e04fa1a296..fa7e80741887b4d04e43a4c49ffb5dcdb75f071f 100644
--- a/components/AbgabeItem.vue
+++ b/components/AbgabeItem.vue
@@ -6,8 +6,13 @@
             <div class="w-full select-none text-left mr-1">
                 {{ title }}
             </div>
-            <div
-                class="text-center text-white rounded-md select-none w-9 h-8 ml-1 bg-red-500 hover:bg-red-700 active:bg-red-900">╳</div>
+            <client-only>
+                <button
+                    class="text-center text-white rounded-md select-none w-9 h-8 ml-1 bg-red-500 hover:bg-red-700 active:bg-red-900"
+                >
+                    X
+                </button>
+            </client-only>
         </div>
     </ListItem>
 </template>
diff --git a/components/KolloquiumItem.vue b/components/KolloquiumItem.vue
index ac354ecf10601eb32de654020584c2e68425dbd2..2518a01a9ce0445a759649b15922730aed2f7998 100644
--- a/components/KolloquiumItem.vue
+++ b/components/KolloquiumItem.vue
@@ -26,7 +26,7 @@
                     class="text-center text-white rounded-md select-none w-9 h-8 ml-1 bg-red-500 hover:bg-red-700 active:bg-red-900"
                     @click="deleteMe()"
                 >
-                    ╳
+                    X
                 </button>
             </client-only>
         </div>