diff --git a/src/App.js b/src/App.js
index 0a78a16..658a58a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -126,6 +126,7 @@ class App extends React.Component {
     e.preventDefault();
     this.componentWillMount();
   }
+
   clearInput() {
     this.setState({
       city_name: "",
@@ -197,11 +198,13 @@ class App extends React.Component {
             onChange={this.city}
             placeholder="Enter desired location"
           ></input>
-          <button className="submit-button" onClick={this.submit}>
+          <button className="button" onClick={this.submit}>
             <p className="p-submit">SUBMIT</p>
           </button>
-          <button className="clear-button" onClick={this.clearInput}>
-            Clear
+
+          <button className="button" onClick={this.clear}>
+            <p className="p-submit">CLEAR</p>
+
           </button>
         </form>
         <Appcontainer
diff --git a/src/index.css b/src/index.css
index 2f2b10f..6c27fd3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -106,7 +106,7 @@ p {
   margin-left: 0.8rem;
 }
 
-.submit-button {
+.button {
   margin-top: 1rem;
   margin-left: 1rem;
   font-family: Arial, sans-serif;