diff --git a/resources/vue/components/SearchWidget.vue b/resources/vue/components/SearchWidget.vue
index d590b0092447257009da9989a626772c22620d6e..4b17820b0bb55299799140af747e237b340c7bbd 100644
--- a/resources/vue/components/SearchWidget.vue
+++ b/resources/vue/components/SearchWidget.vue
@@ -9,7 +9,7 @@
                                    :placeholder="$gettext('Veranstaltung suchen')"
                                    :aria-label="$gettext('Veranstaltung suchen')">
                             <a v-if="isActive" @click.prevent="cancelSearch" class="reset-search">
-                                <studip-icon shape="decline" size="20"></studip-icon>
+                                <studip-icon shape="decline" :size="20"></studip-icon>
                             </a>
                             <button type="submit" class="submit-search" :title="$gettext('Suchen')"
                                     @click.prevent="doSearch">
diff --git a/resources/vue/components/tree/StudipTreeList.vue b/resources/vue/components/tree/StudipTreeList.vue
index d773f433f891041b28e161f3786e578c44c763ca..0ba4b550224feaf1673af9140d6c890a2c2b4eb6 100644
--- a/resources/vue/components/tree/StudipTreeList.vue
+++ b/resources/vue/components/tree/StudipTreeList.vue
@@ -11,12 +11,14 @@
         <section v-else>
             <h1>
                 {{ currentNode.attributes.name }}
-                <a v-if="isEditable && currentNode.attributes.id !== 'root'"
+
+                <a v-if="editable && currentNode.attributes.id !== 'root'"
                    :href="editUrl + '/' + currentNode.attributes.id"
                    @click.prevent="editNode(editUrl, currentNode.id)" data-dialog="size=medium"
                    :title="$gettextInterpolate($gettext('%{name} bearbeiten'), {name: currentNode.attributes.name})">
                     <studip-icon shape="edit" :size="20"></studip-icon>
                 </a>
+
             </h1>
             <p v-if="currentNode.attributes.description?.trim() !== ''" class="studip-tree-node-info"
                v-html="currentNode.attributes['description-formatted']">
@@ -51,20 +53,17 @@
             {{ $gettext('Auf dieser Ebene sind keine Veranstaltungen zugeordnet.')}}
         </section>
 
-        <section v-if="thisLevelCourses + subLevelsCourses > 0">
+        <section v-if="thisLevelCourses + subLevelsCourses > 0" class="levels-actions">
             <span v-if="withCourses && showingAllCourses">
                 <button type="button" @click="showAllCourses(false)"
                         :title="$gettext('Veranstaltungen auf dieser Ebene anzeigen')">
-                    Veranstaltungen auf dieser Ebene anzeigen
+                    {{ $gettext('Veranstaltungen auf dieser Ebene anzeigen') }}
                 </button>
             </span>
-            <template v-if="thisLevelCourses > 0 && subLevelsCourses > 0">
-                |
-            </template>
             <span v-if="withCourses && subLevelsCourses > 0 && !showingAllCourses">
                 <button type="button" @click="showAllCourses(true)"
                         :title="$gettext('Veranstaltungen auf allen Unterebenen anzeigen')">
-                    Veranstaltungen auf allen Unterebenen anzeigen
+                    {{ $gettext('Veranstaltungen auf allen Unterebenen anzeigen') }}
                 </button>
             </span>
         </section>
@@ -357,3 +356,8 @@ export default {
     }
 }
 </script>
+<style scoped>
+.levels-actions > span:not(:first-child)::before {
+    content: ' | ';
+}
+</style>