diff --git a/src/components/ActionButton.jsx b/src/components/ActionButton.jsx
index c624d89..e405e9e 100644
--- a/src/components/ActionButton.jsx
+++ b/src/components/ActionButton.jsx
@@ -13,12 +13,15 @@ const ActionButton = ({ link, text }) => {
         sx={(theme) => ({
           margin: '1rem',
           bgcolor: 'accents.accent1',
+          padding: '8px 24px 8px 24px',
           color: 'accents.contrastText',
-          width: '12rem',
           borderRadius: 40,
           ':hover': {
             bgcolor: 'accents.accent1',
           },
+          [theme.breakpoints.down('sm')]: {
+            width: '300px',
+          },
         })}
         size="small"
       >
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 5e2ea52..ae01bb4 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -15,7 +15,7 @@ declare module '@mui/material/styles' {
 const theme = createTheme({
   palette: {
     primary: {
-      main: '#556cd6',
+      main: '#1B2B7B',
     },
     secondary: {
       main: '#F79234',