diff --git a/src/App.css b/src/App.css
index 74b5e05..671af81 100644
--- a/src/App.css
+++ b/src/App.css
@@ -28,6 +28,15 @@
   color: #61dafb;
 }
 
+button {
+  padding: 0.5rem 1rem;
+  background: white;
+  color: black;
+  border-radius: 0.5rem;
+  font-weight: 500;
+  border: 1px solid #333333;
+}
+
 @keyframes App-logo-spin {
   from {
     transform: rotate(0deg);
diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index f23b434..d574bd2 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -17,7 +17,7 @@ const Login = ({ authenticated, handleLogin }: Props) => {
               handleLogin();
             }}
           >
-            Please log in.
+            Login
           </button>
         </div>
       )}