diff --git a/src/css/styles.css b/src/css/styles.css
index a21ee04..e27e51d 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -384,6 +384,7 @@ a:hover {
   font-size: 30px;
   box-sizing: border-box;
   border: 1px solid var(--color-blue);
+  display: inline-block;
 }
 
 .slack-form input:focus {
@@ -391,19 +392,21 @@ a:hover {
 }
 
 .slack-form button {
-  background-color: var(--color-light-grey);
+  background-color: white;
   border: 1px solid var(--color-blue);
   border-radius: 4px;
   color: var(--color-button-text);
   cursor: pointer;
   font-size: 22px;
   height: 50px;
-  margin-top: 20px;
-  width: 500px;
+  margin: 2px;
+  padding-top: 8px;
+  width: 100px;
+  display: inline-block;
 }
 
 .slack-form button:hover {
-  opacity: 0.75;
+  background-color: var(--color-light-grey);
 }
 @media only screen and (max-width: 1280px) {
   .section {
diff --git a/src/pages/home/Slack.tsx b/src/pages/home/Slack.tsx
index 74db473..f83b1d9 100644
--- a/src/pages/home/Slack.tsx
+++ b/src/pages/home/Slack.tsx
@@ -9,13 +9,15 @@ export default function Slack() {
       id="slack"
     >
       <h2>Enter your email to join our Slack!</h2>
-      <input
-        aria-label="enter email"
-        placeholder="email"
-        name="email"
-        type="email"
-      />
-      <button type="submit">Submit</button>
+      <div>
+        <input
+          aria-label="enter email"
+          placeholder="email"
+          name="email"
+          type="email"
+        />
+        <button type="submit">Submit</button>
+      </div>
     </form>
   );
 }