Used Button's additional styles feature

TritonSE · Apr 8, 2024 · bc7ffd3 · bc7ffd3
1 parent 83e9b17
commit bc7ffd3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/frontend/src/components/ThankyouForApplying.module.css b/frontend/src/components/ThankyouForApplying.module.css
@@ -23,8 +23,8 @@
   color: rgba(66, 139, 205, 1);
 }
 
-.button {
-  padding: 1.25rem 2rem;
+.button2 {
+  padding: 1.25rem 2rem !important;
   margin: 0;
   background: var(--color-ccidc-red);
   color: var(--color-text-secondary);

diff --git a/frontend/src/components/ThankyouForApplying.tsx b/frontend/src/components/ThankyouForApplying.tsx
@@ -1,4 +1,4 @@
-import { Page } from "../components/index.ts";
+import { Button, Page } from "../components/index.ts";
 
 import styles from "./ThankyouForApplying.module.css";
 
@@ -21,7 +21,9 @@ export function ThankyouForApplying() {
 
       <div className={styles.centeredContainer}>
         <a href="https://ccidc.org/">
-          <button className={styles.button}>Return to Main Page</button>
+          <Button onClick={undefined} additionalStyle={styles.button2}>
+            Return to Main Page
+          </Button>
         </a>
       </div>
     </Page>