diff --git a/resources/assets/stylesheets/scss/sidebar.scss b/resources/assets/stylesheets/scss/sidebar.scss
index 5177034c58baf64cd4f72689a810d863169849fe..51bb9c2be4d5a06522b7647b4739dabd3cfe903b 100644
--- a/resources/assets/stylesheets/scss/sidebar.scss
+++ b/resources/assets/stylesheets/scss/sidebar.scss
@@ -324,7 +324,7 @@ select.sidebar-selectlist {
                     width: 100%;
                 }
 
-                button {
+                .submit-search {
                     background-color: $content-color-20;
                     border: 1px solid $base-color-60;
                     border-left-color: $light-gray-color-40;
@@ -336,6 +336,7 @@ select.sidebar-selectlist {
                 }
 
                 .reset-search {
+                    background-color: transparent;
                     border: 1px solid $base-color-60;
                     border-left: 0;
                     border-right: 0;
diff --git a/resources/vue/components/courseware/CoursewareSearchWidget.vue b/resources/vue/components/courseware/CoursewareSearchWidget.vue
index 5a2469bce0a20cb043b184f9fb043db084c2c9e0..95f71f4d5f6159df547d0d09d76601f266ab00e8 100644
--- a/resources/vue/components/courseware/CoursewareSearchWidget.vue
+++ b/resources/vue/components/courseware/CoursewareSearchWidget.vue
@@ -8,10 +8,10 @@
                       v-model="searchTerm"
                       :aria-label="$gettext('Geben Sie einen Suchbegriff mit mindestens 3 Zeichen ein.')"
                   />
-                  <a v-if="searched" @click.prevent="setShowSearchResults(false)"
-                     class="reset-search">
+                  <button v-if="searched" @click.prevent="setShowSearchResults(false)"
+                          class="reset-search" :title="$gettext('Suche zurücksetzen')">
                       <studip-icon shape="decline" size="20"></studip-icon>
-                  </a>
+                  </button>
                   <button
                       type="submit"
                       :value="$gettext('Suchen')"
diff --git a/templates/sidebar/search-widget.php b/templates/sidebar/search-widget.php
index df4a1dd1a07c43f465ae83a35b21f328160c5fcb..13d6bed0ac6206243c4c8de99f93bdcfbc0384c5 100644
--- a/templates/sidebar/search-widget.php
+++ b/templates/sidebar/search-widget.php
@@ -19,7 +19,7 @@
                        <?= arrayToHtmlAttributes($needle['attributes']) ?>>
                 <? endif; ?>
                 <? if ($reset_link): ?>
-                    <a class="reset-search" href="<?= $reset_link ?>" tabindex="0"
+                    <a class="reset-search" href="<?= $reset_link ?>" tabindex="0" role="button"
                        title="<?= _('Suche zurücksetzen') ?>">
                         <?= Icon::create('decline')->asImg(20) ?>
                     </a>