diff --git a/frontend/src/js/components/button.js b/frontend/src/js/components/button.js
index a9866ce..4117df9 100644
--- a/frontend/src/js/components/button.js
+++ b/frontend/src/js/components/button.js
@@ -6,8 +6,8 @@ function Button(props){
         <Link 
             to={props.link} 
             disabled={props.disabled} 
-            className={`p-2 m-2 rounded-2xl text-center border-black bg-slate-600 font-bold border-2 text-white 
-                ${props.disabled ? 'pointer-events-none' : 'hover:font-bold hover:text-black hover:bg-slate-400 '}`}>
+            className={`p-2 m-2 rounded-2xl text-center  font-bold border-2 
+                ${props.disabled ? 'pointer-events-none text-gray-400 bg-slate-700' : 'text-white hover:font-bold hover:text-black hover:bg-slate-400 border-black bg-slate-600'}`}>
                 {props.displayValue}
         </Link>
     );
diff --git a/frontend/src/js/pages/home.js b/frontend/src/js/pages/home.js
index 0b48dd7..87dd06c 100644
--- a/frontend/src/js/pages/home.js
+++ b/frontend/src/js/pages/home.js
@@ -34,7 +34,7 @@ function Home(){
                 <Button displayValue="New Game" link="/game/1"/>
                 <Button displayValue="Join Game" link={`/game/${selectedGame}`} disabled={selectedGame ? false : true}/>
                 <Button displayValue="List Pools"/>
-                <Button displayValue="Join Pool"/>
+                <Button displayValue="Create Pool"/>
 
             </div>
         </div>