diff --git a/hera/ui/ModeSelectButton.tsx b/hera/ui/ModeSelectButton.tsx
index 7de84bf4..f9131eb0 100644
--- a/hera/ui/ModeSelectButton.tsx
+++ b/hera/ui/ModeSelectButton.tsx
@@ -133,9 +133,14 @@ const style = css`
   ${pixelBorder(undefined, 2)}
   clip-path: inset(-2px -2px -2px -2px);
   font-size: 1em;
-  height: 2.3em;
+  height: 2.1em;
   width: 250px;
 
+  ${Breakpoints.sm} {
+    height: 2.3em;
+    width: 250px;
+  }
+
   &:after {
     background: ${applyVar('highlight-color')};
     content: '';