diff --git a/frontend/src/components/Status.spec.js b/frontend/src/components/Status.spec.js
index ba7b03fa4..ca62d3bd3 100644
--- a/frontend/src/components/Status.spec.js
+++ b/frontend/src/components/Status.spec.js
@@ -26,8 +26,8 @@ describe('Status', () => {
     })
 
     describe('balance is pending', () => {
-      it('it displays an en-dash', () => {
-        expect(wrapper.find('div.gdd-status-div').text()).toEqual('em-dash GDD')
+      it('it displays an animation icon test-pending-icon', () => {
+        expect(wrapper.find('.test-pending-icon').exists()).toBe(true)
       })
     })
 
@@ -37,6 +37,9 @@ describe('Status', () => {
           pending: false,
         })
       })
+      it('it no displays an animation icon test-pending-icon', () => {
+        expect(wrapper.find('.test-pending-icon').exists()).toBe(false)
+      })
 
       it('it displays the ammount of GDD', () => {
         expect(wrapper.find('div.gdd-status-div').text()).toEqual('1234 GDD')
diff --git a/frontend/src/components/Status.vue b/frontend/src/components/Status.vue
index 60b29834f..14d470fb3 100644
--- a/frontend/src/components/Status.vue
+++ b/frontend/src/components/Status.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="gdd-status">
     <div class="p-0 gdd-status-div">
-      <b-icon v-if="pending" icon="three-dots" animation="cylon"></b-icon>
+      <b-icon v-if="pending" icon="three-dots" animation="cylon" class="test-pending-icon"></b-icon>
       <div v-else>
         {{ pending || balance === null ? $t('em-dash') : $n(balance, 'decimal') }} {{ statusText }}
       </div>