diff --git a/src/components/Registration.css b/src/components/Registration.css
index bba22f9..f42955c 100644
--- a/src/components/Registration.css
+++ b/src/components/Registration.css
@@ -15,12 +15,11 @@
     flex-direction: column;
 }
 
-.clear-button {
+.clear-users-button {
     background-color: #b62200;
-    /* Green */
     border: none;
     color: white;
-    padding: 15px 0px 0px 0px;
+    padding: 5px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
diff --git a/src/components/Registration.js b/src/components/Registration.js
index 28bca6f..b9bf9e6 100644
--- a/src/components/Registration.js
+++ b/src/components/Registration.js
@@ -96,7 +96,7 @@ function Registration() {
                 <div className='button' onClick={() => createUser()}>Create User</div>
             </div>
             <div className='dates'>
-                <div className='clear-button' onClick={() => clearsUsers()}>Clear</div>
+                <div className='clear-users-button' onClick={() => clearsUsers()}>Clear</div>
             </div>
             <div>{message && <div className='message'>{message}</div>}</div>
         </div>