diff --git a/src/Games/Tictactoe/tictactoe.css b/src/Games/Tictactoe/tictactoe.css
index e89f3a5c2..eb8373c29 100644
--- a/src/Games/Tictactoe/tictactoe.css
+++ b/src/Games/Tictactoe/tictactoe.css
@@ -11,6 +11,11 @@
   text-align: center;
 }
 
+ul li {
+  color: white;
+  font-size: 20px;
+}
+
 .h2,
 .h3,
 .h4,
@@ -21,6 +26,7 @@
   padding: 12px;
   margin: 10px;
   text-align: center;
+  cursor: pointer;
 }
 .text_color {
   color: white;
@@ -101,12 +107,14 @@
 
 .resetButton {
   background-color: #4ba4eb;
+  border: none;
   color: white;
   font-size: 1.2em;
   padding: 20px;
   margin-top: 12px;
   border-radius: 4px;
   font-family: "Peralta", cursive;
+  cursor: pointer;
 }
 
 .gameOver {
diff --git a/src/Games/Tictactoe/tictactoe.js b/src/Games/Tictactoe/tictactoe.js
index 3fbdcce2e..e96053493 100644
--- a/src/Games/Tictactoe/tictactoe.js
+++ b/src/Games/Tictactoe/tictactoe.js
@@ -177,7 +177,7 @@ function Tictactoe() {
         <summary >
           <h2 className="h2">Rules:</h2> 
         </summary>
-        <p style="color: #e5dddd;">
+        <p style={{color:"#e5dddd"}}>
         <ul>
           <li>Player X always goes first</li>
           <li>Click any square to start game</li>