diff --git a/packages/webapp/src/components/collection/deckList.tsx b/packages/webapp/src/components/collection/deckList.tsx
index 770ecf34..f64e1da0 100644
--- a/packages/webapp/src/components/collection/deckList.tsx
+++ b/packages/webapp/src/components/collection/deckList.tsx
@@ -25,13 +25,11 @@ const DeckCollectionDisplay: React.FC<DeckCollectionDisplayProps> = ({ onDeckSel
                     if (!response.simulatedResult) return
                     const receivedDecks = response.simulatedResult as string[]
                     setDeckNames(receivedDecks)
+                    setIsLoadingDecks(false)
                 })
                 .catch((error) => {
                     console.error("Error fetching decks:", error)
                 })
-                .finally(() => {
-                    setIsLoadingDecks(false)
-                })
         }
     }, [playerAddress])
 
@@ -52,6 +50,7 @@ const DeckCollectionDisplay: React.FC<DeckCollectionDisplayProps> = ({ onDeckSel
             {/* Loading Button */}
             {isLoadingDecks && (
                 <Button
+                    variant={"secondary"}
                     width="full"
                     className="my-2 border-2 border-yellow-500 font-fable text-xl normal-case hover:scale-105 hover:border-yellow-400"
                     disabled={true}