diff --git a/src/frontend/src/features/rooms/components/Join.tsx b/src/frontend/src/features/rooms/components/Join.tsx
index b367c80b..b11c15b6 100644
--- a/src/frontend/src/features/rooms/components/Join.tsx
+++ b/src/frontend/src/features/rooms/components/Join.tsx
@@ -638,7 +638,7 @@ export const Join = ({
diff --git a/src/frontend/src/features/rooms/components/Permissions.tsx b/src/frontend/src/features/rooms/components/Permissions.tsx
index 178eb5d8..a81a93a6 100644
--- a/src/frontend/src/features/rooms/components/Permissions.tsx
+++ b/src/frontend/src/features/rooms/components/Permissions.tsx
@@ -80,13 +80,17 @@ export const Permissions = () => {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
+ flexDirection: 'column',
+ md: {
+ flexDirection: 'row',
+ },
})}
>
