From 70887e86172bf09f3a1d8b6af7b9ff0e500856c4 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 30 Apr 2026 17:23:24 +0100
Subject: [PATCH] fix: worlds layout

---
 .../src/pages/hosting/manage/[id]/worlds.vue  | 27 ++---------------
 .../hosting/manage/[id]/worlds/index.vue      | 30 +++++++++++++++++++
 .../manage/[id]/worlds/[world-id]/index.vue   |  2 +-
 3 files changed, 33 insertions(+), 26 deletions(-)
 create mode 100644 apps/frontend/src/pages/hosting/manage/[id]/worlds/index.vue

diff --git a/apps/frontend/src/pages/hosting/manage/[id]/worlds.vue b/apps/frontend/src/pages/hosting/manage/[id]/worlds.vue
index 5305138f0a..b7eb624fd0 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/worlds.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/worlds.vue
@@ -1,30 +1,7 @@
 <script setup lang="ts">
-import {
-	commonMessages,
-	defineMessages,
-	injectModrinthServerContext,
-	ServersManageWorldsPage,
-	useVIntl,
-} from '@modrinth/ui'
-
-const { server } = injectModrinthServerContext()
-const { formatMessage } = useVIntl()
-
-const messages = defineMessages({
-	title: {
-		id: 'servers.manage.worlds.meta.title',
-		defaultMessage: 'Worlds - {server} - Modrinth',
-	},
-})
-
-useHead({
-	title: () =>
-		formatMessage(messages.title, {
-			server: server.value?.name ?? formatMessage(commonMessages.serverLabel),
-		}),
-})
+const route = useNativeRoute()
 </script>
 
 <template>
-	<ServersManageWorldsPage />
+	<NuxtPage :route="route" />
 </template>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/worlds/index.vue b/apps/frontend/src/pages/hosting/manage/[id]/worlds/index.vue
new file mode 100644
index 0000000000..5305138f0a
--- /dev/null
+++ b/apps/frontend/src/pages/hosting/manage/[id]/worlds/index.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import {
+	commonMessages,
+	defineMessages,
+	injectModrinthServerContext,
+	ServersManageWorldsPage,
+	useVIntl,
+} from '@modrinth/ui'
+
+const { server } = injectModrinthServerContext()
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	title: {
+		id: 'servers.manage.worlds.meta.title',
+		defaultMessage: 'Worlds - {server} - Modrinth',
+	},
+})
+
+useHead({
+	title: () =>
+		formatMessage(messages.title, {
+			server: server.value?.name ?? formatMessage(commonMessages.serverLabel),
+		}),
+})
+</script>
+
+<template>
+	<ServersManageWorldsPage />
+</template>
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/[id]/worlds/[world-id]/index.vue b/packages/ui/src/layouts/wrapped/hosting/manage/[id]/worlds/[world-id]/index.vue
index cc6f4b87b8..c94fbb892d 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/[id]/worlds/[world-id]/index.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/[id]/worlds/[world-id]/index.vue
@@ -24,7 +24,7 @@
 
 				<div class="flex shrink-0 items-center gap-2">
 					<PanelServerActionButton size="large" start-label="Start world" />
-					<ButtonStyled circular>
+					<ButtonStyled size="large" circular>
 						<button
 							v-tooltip="formatMessage(messages.worldSettings)"
 							@click="openServerSettings({ tabId: 'installation' })"