diff --git a/src/components/challenge/ActiveChallengeDisplay.vue b/src/components/challenge/ActiveChallengeDisplay.vue
index 7432e9ad08b9a9af121512fbbcd189369755028a..4923e3b821ed1cc2455233abd23c5ceea65deed8 100644
--- a/src/components/challenge/ActiveChallengeDisplay.vue
+++ b/src/components/challenge/ActiveChallengeDisplay.vue
@@ -38,6 +38,8 @@ const deleteTheChallenge = () => {
   <div class="potential-challenge-display">
     <img
       class="close-img"
+      tabindex="0"
+      @keyup.enter="deleteTheChallenge()"
       src="/src/components/icons/navigation/close.svg"
       alt="delete-button"
       @click="deleteTheChallenge()">