diff --git a/src/components/CardImagesDisplay.vue b/src/components/CardImagesDisplay.vue
index 9da01a0..48bf7d2 100644
--- a/src/components/CardImagesDisplay.vue
+++ b/src/components/CardImagesDisplay.vue
@@ -7,14 +7,16 @@
       </div>
       <div class="col-sm-auto" v-visible="isAuthenticated" style="width: 940px;">
         <div class="row">
-          <div v-visible="hasPreviousCard && isAuthenticated" class="col-sm-5">
-            <input type="button" class="w-100" @click="decrementCurrentSeasonNumber" value="<<" />
+          <div v-visible="isAuthenticated" class="col-sm-5">
+            <input :disabled="!hasPreviousCard" type="button" class="w-100" @click="decrementCurrentSeasonNumber"
+              value="<<" />
           </div>
           <strong class="col-sm-2" style="text-align: center;">
             {{ getSeasonStringBySeasonNumber(currentSeasonNumber) }}
           </strong>
-          <div v-visible="hasNextCard && isAuthenticated" class="col-sm-5">
-            <input type="button" class="w-100" @click="incrementCurrentSeasonNumber" value=">>" />
+          <div v-visible="isAuthenticated" class="col-sm-5">
+            <input :disabled="!hasNextCard" type="button" class="w-100" @click="incrementCurrentSeasonNumber"
+              value=">>" />
           </div>
         </div>
         <div class="row">