diff --git a/src/pages/settings/relays/index.tsx b/src/pages/settings/relays/index.tsx
index e210ac5..c0542c5 100644
--- a/src/pages/settings/relays/index.tsx
+++ b/src/pages/settings/relays/index.tsx
@@ -263,7 +263,13 @@ export const RelaysPage = () => {
           }}
           className={styles.relayURItextfield}
         />
-        <Button variant="contained" onClick={() => handleAddNewRelay()}>
+        <Button
+          sx={{
+            height: '56px'
+          }}
+          variant="contained"
+          onClick={() => handleAddNewRelay()}
+        >
           Add
         </Button>
       </Box>
diff --git a/src/pages/settings/relays/style.module.scss b/src/pages/settings/relays/style.module.scss
index a5654c5..3db7760 100644
--- a/src/pages/settings/relays/style.module.scss
+++ b/src/pages/settings/relays/style.module.scss
@@ -12,6 +12,7 @@
     flex-direction: row;
     gap: 10px;
     width: 100%;
+    align-items: start;
   }
 
   .sectionIcon {