diff --git a/src/frontend/src/pages/StorePage/components/market-card.tsx b/src/frontend/src/pages/StorePage/components/market-card.tsx
index e38547df9..7d9637b72 100644
--- a/src/frontend/src/pages/StorePage/components/market-card.tsx
+++ b/src/frontend/src/pages/StorePage/components/market-card.tsx
@@ -95,6 +95,7 @@ export const MarketCardComponent = ({
   }
 
   function handleLike() {
+    setLoading(true);
     if (liked_by_user !== undefined || liked_by_user !== null) {
       const temp = liked_by_user;
       const tempNum = likes_count;
@@ -107,6 +108,7 @@ export const MarketCardComponent = ({
       console.log(data.id);
       postLikeComponent(data.id)
         .catch((error) => {
+          setLoading(false);
           console.error(error);
           setLiked_by_user(temp);
           setLikes_count(tempNum);
@@ -116,6 +118,7 @@ export const MarketCardComponent = ({
           });
         })
         .then((response) => {
+          setLoading(false);
           setLikes_count(response.likes_count);
           setLiked_by_user(response.liked_by_user);
         });
@@ -194,6 +197,7 @@ export const MarketCardComponent = ({
                 content={authorized ? "Like" : "Please review your API key."}
               >
                 <Button
+                  disabled={loading || !authorized}
                   variant="ghost"
                   size="xs"
                   className={
@@ -201,7 +205,7 @@ export const MarketCardComponent = ({
                     (!authorized ? " cursor-not-allowed" : "")
                   }
                   onClick={() => {
-                    if (authorized) handleLike();
+                    handleLike();
                   }}
                 >
                   <IconComponent