diff --git a/src/cards/AlliesCard/AlliesCard.jsx b/src/cards/AlliesCard/AlliesCard.jsx
index 4f43837..ae81db1 100644
--- a/src/cards/AlliesCard/AlliesCard.jsx
+++ b/src/cards/AlliesCard/AlliesCard.jsx
@@ -49,7 +49,7 @@ function AlliesCard() {
             darkMode ? "dark" : "light"
           }AllieDarkButton`}
         >
-          Dark Mode
+          {darkMode ? "Light Mode" : "Dark Mode"}
         </button>
       </div>
     </div>
diff --git a/src/cards/AlliesCard/AlliesCard.scss b/src/cards/AlliesCard/AlliesCard.scss
index cc1bb3a..bf750ac 100644
--- a/src/cards/AlliesCard/AlliesCard.scss
+++ b/src/cards/AlliesCard/AlliesCard.scss
@@ -70,7 +70,7 @@
 .allieDarkButton {
   border-radius: 2rem;
   font-size: 0.8rem;
-  width: 5rem;
+  width: auto;
   height: 1.5rem;
 }
 
@@ -92,4 +92,5 @@
 
 .darkAllieDarkButton:hover {
   background-color: rgb(51, 206, 226);
+  color: black;
 }