diff --git a/src/meta/play-meta.js b/src/meta/play-meta.js
index 6975c0ed81..b9a201b95e 100644
--- a/src/meta/play-meta.js
+++ b/src/meta/play-meta.js
@@ -1,4 +1,3 @@
-
 import {
   BasicTree, CdTimerComp,
   CurrentTimer,
@@ -130,4 +129,3 @@ export const plays = [
 ];
 
 
-
diff --git a/src/plays/states/States.css b/src/plays/states/States.css
deleted file mode 100644
index 154a3759a3..0000000000
--- a/src/plays/states/States.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.play-area, .play-area-result{
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.play-area {
-  border-right-width: 0.1rem;
-  border-right-style: solid;
-  border-right-color: rgb(125, 117, 117);
-}
-
-.input {
-  margin-top: 1rem;
-  width: 15rem;
-  height: 2.5rem;
-  margin-left: 4rem;
-}
-
-.play-area-container {
-  display: flex;
-  flex-direction: row;
-  margin-top: 3rem;
-}
-
-.submit-button {
-  height: 2rem;
-  width: 6rem;
-  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
-  font-size: 1rem;
-  background: rgb(108, 226, 252);
-  border: none;
-  outline: none;
-  margin-top: 1.2rem;
-  margin-left: 4rem;
-  border-radius: 1rem;
-}
\ No newline at end of file
diff --git a/src/plays/states/States.jsx b/src/plays/states/States.jsx
index f879100b0f..1631c0f5e4 100644
--- a/src/plays/states/States.jsx
+++ b/src/plays/states/States.jsx
@@ -82,9 +82,9 @@ function States(props) {
               
               <div className="play-area-result">
                 {!display ? (
-                  <p style={{marginLeft: '2rem'}}>Enter Details of the Message</p>
+                  <p >Enter Details of the Message</p>
                 ) : (
-                  <h3 style={{marginLeft: '2rem'}}>Welcome to State Play, {name} </h3>
+                  <h3 >Welcome to State Play, {name} </h3>
                 )}
               </div>
             </div>
diff --git a/src/plays/states/cover.png b/src/plays/states/cover.png
new file mode 100644
index 0000000000..9c0147c974
Binary files /dev/null and b/src/plays/states/cover.png differ
diff --git a/src/plays/states/states.css b/src/plays/states/states.css
index 154a3759a3..88373ce3bf 100644
--- a/src/plays/states/states.css
+++ b/src/plays/states/states.css
@@ -4,6 +4,10 @@
   flex-direction: column;
 }
 
+.play-area-result {
+  margin-left: 2rem;
+}
+
 .play-area {
   border-right-width: 0.1rem;
   border-right-style: solid;
@@ -26,7 +30,6 @@
 .submit-button {
   height: 2rem;
   width: 6rem;
-  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   font-size: 1rem;
   background: rgb(108, 226, 252);
   border: none;
@@ -34,4 +37,21 @@
   margin-top: 1.2rem;
   margin-left: 4rem;
   border-radius: 1rem;
+}
+
+@media only screen and (max-width: 760px)  {
+  .play-area-container {
+    display: flex;
+    flex-direction: column;
+    margin-top: 3rem;
+  }
+
+  .play-area {
+    border: none;
+  }
+
+  .play-area-result {
+    margin-left: 0.5rem;
+    margin-top: 1.5rem;
+  }
 }
\ No newline at end of file