visual changes + sacrifice error fix

src/components/TokenClaim.vue

@@ -41,6 +41,11 @@
 			</div>
 			<div v-else class="btn btn-immortal btn--disabled">Nothing to claim</div>
 		</div>
+        <div class="stake-buttons">
+			<div class="btn btn-immortal">Stake</div>
+			<div class="btn btn-immortal">Unstake</div>
+
+        </div>
 	</div>
 </template>
 
@@ -58,7 +63,8 @@ const rewardLockerStore = useRewardLockerStore();
 const walletStore = useWalletStore();
 const roundStore = useRoundsStore();
 const { address } = storeToRefs(walletStore);
-const { activeRound, currentRound, getCurrentRoundData } = storeToRefs(roundStore);
+const { activeRound, currentRound, getCurrentRoundData } =
+	storeToRefs(roundStore);
 
 onMounted(async () => {});
 
@@ -79,7 +85,13 @@ async function claimRewards() {
         padding: 32px 40px
     .claim-button
         text-align: center
-        margin-top: 32px
+        margin: 32px 0
+    .stake-buttons
+        display: flex
+        text-align: center
+        gap: 32px
+        div
+            flex: 1 1 50%
 .rewards-wrapper
     margin-bottom: 16px
 .rewards-divider