diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index c0d6f6d..e1cbaa0 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -6,6 +6,7 @@ export interface Props {
 	readonly compact?: boolean | "icon";
 	palette?: "primary" | "secondary" | "success" | "warning" | "danger" | "accent" | "link";
 	size?: "small" | "medium" | "large";
+	grow?: boolean;
 	readonly disabled?: boolean;
 }
 
@@ -44,6 +45,7 @@ export default styled.button<Props>`
 		}
 	}};
 	width: ${(props) => {
+		if (props.grow) return "auto";
 		switch (props.size) {
 			default:
 			case "small":
@@ -55,6 +57,7 @@ export default styled.button<Props>`
 		}
 	}};
 	min-width: ${(props) => {
+		if (props.grow) return "auto";
 		switch (props.size) {
 			default:
 			case "small":
diff --git a/src/components/modals/AddServerModal.tsx b/src/components/modals/AddServerModal.tsx
index c6beac2..7ca9b17 100644
--- a/src/components/modals/AddServerModal.tsx
+++ b/src/components/modals/AddServerModal.tsx
@@ -14,6 +14,7 @@ export function AddServerModal({ ...props }: ModalProps<"add_server">) {
 			<ActionWrapper>
 				<Button
 					palette="primary"
+					grow
 					onClick={() => {
 						modalController.push({
 							type: "create_server",
@@ -25,6 +26,7 @@ export function AddServerModal({ ...props }: ModalProps<"add_server">) {
 
 				<Button
 					palette="secondary"
+					grow
 					onClick={() => {
 						modalController.push({
 							type: "join_server",