From 0dcb99df193a687457dde5dfa471fb5d735451d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Acid=20Chicken=20=28=E7=A1=AB=E9=85=B8=E9=B6=8F=29?=
 <root@acid-chicken.com>
Date: Mon, 20 Mar 2023 14:56:34 +0900
Subject: [PATCH] build(#10336): load locales and vite config

---
 packages/frontend/.gitignore                  |  1 +
 packages/frontend/.storybook/.gitignore       |  3 ++
 packages/frontend/.storybook/generate.tsx     | 28 +++++++++++++++----
 packages/frontend/.storybook/main.ts          | 17 +++++++++--
 .../frontend/.storybook/preload-locale.ts     |  9 ++++++
 packages/frontend/.storybook/preview.ts       | 18 ++++++++++--
 .../src/components/MkAbuseReport.stories.ts   |  3 ++
 .../components/MkAbuseReportWindow.stories.ts |  3 ++
 .../src/components/MkAchievements.stories.ts  |  3 ++
 .../src/components/MkAnalogClock.stories.ts   |  3 ++
 .../frontend/src/components/MkAsUi.stories.ts |  3 ++
 .../src/components/MkAutocomplete.stories.ts  |  3 ++
 .../src/components/MkAvatars.stories.ts       |  3 ++
 .../src/components/MkButton.stories.ts        |  3 ++
 .../src/components/MkCaptcha.stories.ts       |  3 ++
 .../MkChannelFollowButton.stories.ts          |  3 ++
 .../components/MkChannelPreview.stories.ts    |  3 ++
 .../src/components/MkChart.stories.ts         |  3 ++
 .../src/components/MkChartLegend.stories.ts   |  3 ++
 .../src/components/MkChartTooltip.stories.ts  |  3 ++
 .../src/components/MkCheckbox.stories.ts      |  3 ++
 .../src/components/MkClickerGame.stories.ts   |  3 ++
 .../src/components/MkClipPreview.stories.ts   |  3 ++
 .../src/components/MkCode.core.stories.ts     |  3 ++
 .../frontend/src/components/MkCode.stories.ts |  3 ++
 .../src/components/MkContainer.stories.ts     |  3 ++
 .../src/components/MkContextMenu.stories.ts   |  3 ++
 .../src/components/MkCropperDialog.stories.ts |  3 ++
 .../src/components/MkCwButton.stories.ts      |  3 ++
 .../components/MkDateSeparatedList.stories.ts |  3 ++
 .../src/components/MkDialog.stories.ts        |  3 ++
 .../src/components/MkDigitalClock.stories.ts  |  3 ++
 .../src/components/MkDonation.stories.ts      |  3 ++
 .../src/components/MkDrive.file.stories.ts    |  3 ++
 .../src/components/MkDrive.folder.stories.ts  |  3 ++
 .../components/MkDrive.navFolder.stories.ts   |  3 ++
 .../src/components/MkDrive.stories.ts         |  3 ++
 .../MkDriveFileThumbnail.stories.ts           |  3 ++
 .../components/MkDriveSelectDialog.stories.ts |  3 ++
 .../src/components/MkDriveWindow.stories.ts   |  3 ++
 .../MkEmojiPicker.section.stories.ts          |  3 ++
 .../src/components/MkEmojiPicker.stories.ts   |  3 ++
 .../components/MkEmojiPickerDialog.stories.ts |  3 ++
 .../components/MkEmojiPickerWindow.stories.ts |  3 ++
 .../components/MkFeaturedPhotos.stories.ts    |  3 ++
 .../MkFileCaptionEditWindow.stories.ts        |  3 ++
 .../components/MkFileListForAdmin.stories.ts  |  3 ++
 .../src/components/MkFlashPreview.stories.ts  |  3 ++
 .../components/MkFoldableSection.stories.ts   |  3 ++
 .../src/components/MkFolder.stories.ts        |  3 ++
 .../src/components/MkFollowButton.stories.ts  |  3 ++
 .../components/MkForgotPassword.stories.ts    |  3 ++
 .../src/components/MkFormDialog.stories.ts    |  3 ++
 .../MkGalleryPostPreview.stories.ts           |  3 ++
 .../src/components/MkGoogle.stories.ts        |  3 ++
 .../src/components/MkHeatmap.stories.ts       |  3 ++
 .../src/components/MkImageViewer.stories.ts   |  3 ++
 .../components/MkImgWithBlurhash.stories.ts   |  3 ++
 .../frontend/src/components/MkInfo.stories.ts |  3 ++
 .../src/components/MkInput.stories.ts         |  3 ++
 .../components/MkInstanceCardMini.stories.ts  |  3 ++
 .../src/components/MkInstanceStats.stories.ts |  3 ++
 .../components/MkInstanceTicker.stories.ts    |  3 ++
 .../src/components/MkKeyValue.stories.ts      |  3 ++
 .../src/components/MkLaunchPad.stories.ts     |  3 ++
 .../frontend/src/components/MkLink.stories.ts |  3 ++
 .../src/components/MkMarquee.stories.ts       |  3 ++
 .../src/components/MkMediaBanner.stories.ts   |  3 ++
 .../src/components/MkMediaImage.stories.ts    |  3 ++
 .../src/components/MkMediaList.stories.ts     |  3 ++
 .../src/components/MkMediaVideo.stories.ts    |  3 ++
 .../src/components/MkMention.stories.ts       |  3 ++
 .../src/components/MkMenu.child.stories.ts    |  3 ++
 .../frontend/src/components/MkMenu.stories.ts |  3 ++
 .../src/components/MkMiniChart.stories.ts     |  3 ++
 .../src/components/MkModal.stories.ts         |  3 ++
 .../components/MkModalPageWindow.stories.ts   |  3 ++
 .../src/components/MkModalWindow.stories.ts   |  3 ++
 .../frontend/src/components/MkNote.stories.ts |  3 ++
 .../src/components/MkNoteDetailed.stories.ts  |  3 ++
 .../src/components/MkNoteHeader.stories.ts    |  3 ++
 .../src/components/MkNotePreview.stories.ts   |  3 ++
 .../src/components/MkNoteSimple.stories.ts    |  3 ++
 .../src/components/MkNoteSub.stories.ts       |  3 ++
 .../src/components/MkNotes.stories.ts         |  3 ++
 .../src/components/MkNotification.stories.ts  |  3 ++
 .../MkNotificationSettingWindow.stories.ts    |  3 ++
 .../src/components/MkNotifications.stories.ts |  3 ++
 .../src/components/MkNumber.stories.ts        |  3 ++
 .../src/components/MkNumberDiff.stories.ts    |  3 ++
 .../src/components/MkObjectView.stories.ts    |  3 ++
 .../components/MkObjectView.value.stories.ts  |  3 ++
 .../frontend/src/components/MkOmit.stories.ts |  3 ++
 .../src/components/MkPagePreview.stories.ts   |  3 ++
 .../src/components/MkPageWindow.stories.ts    |  3 ++
 .../src/components/MkPagination.stories.ts    |  3 ++
 .../src/components/MkPlusOneEffect.stories.ts |  3 ++
 .../frontend/src/components/MkPoll.stories.ts |  3 ++
 .../src/components/MkPollEditor.stories.ts    |  3 ++
 .../src/components/MkPopupMenu.stories.ts     |  3 ++
 .../src/components/MkPostForm.stories.ts      |  3 ++
 .../components/MkPostFormAttaches.stories.ts  |  3 ++
 .../components/MkPostFormDialog.stories.ts    |  3 ++
 .../MkPushNotificationAllowButton.stories.ts  |  3 ++
 .../src/components/MkRadio.stories.ts         |  3 ++
 .../src/components/MkRadios.stories.ts        |  3 ++
 .../src/components/MkRange.stories.ts         |  3 ++
 .../MkReactedUsersDialog.stories.ts           |  3 ++
 .../components/MkReactionEffect.stories.ts    |  3 ++
 .../src/components/MkReactionIcon.stories.ts  |  3 ++
 .../components/MkReactionTooltip.stories.ts   |  3 ++
 .../MkReactionsViewer.details.stories.ts      |  3 ++
 .../MkReactionsViewer.reaction.stories.ts     |  3 ++
 .../components/MkReactionsViewer.stories.ts   |  3 ++
 .../src/components/MkRemoteCaution.stories.ts |  3 ++
 .../components/MkRetentionHeatmap.stories.ts  |  3 ++
 .../src/components/MkRippleEffect.stories.ts  |  3 ++
 .../src/components/MkRolePreview.stories.ts   |  3 ++
 .../src/components/MkSample.stories.ts        |  3 ++
 .../src/components/MkSelect.stories.ts        |  3 ++
 .../src/components/MkSignin.stories.ts        |  3 ++
 .../src/components/MkSigninDialog.stories.ts  |  3 ++
 .../src/components/MkSignup.stories.ts        |  3 ++
 .../src/components/MkSignupDialog.stories.ts  |  3 ++
 .../src/components/MkSparkle.stories.ts       |  3 ++
 .../components/MkSubNoteContent.stories.ts    |  3 ++
 .../src/components/MkSuperMenu.stories.ts     |  3 ++
 .../src/components/MkSwitch.stories.ts        |  3 ++
 .../frontend/src/components/MkTab.stories.ts  |  3 ++
 .../src/components/MkTagCloud.stories.ts      |  3 ++
 .../src/components/MkTextarea.stories.ts      |  3 ++
 .../src/components/MkTimeline.stories.ts      |  3 ++
 .../src/components/MkToast.stories.ts         |  3 ++
 .../MkTokenGenerateWindow.stories.ts          |  3 ++
 .../src/components/MkTooltip.stories.ts       |  3 ++
 .../src/components/MkUpdated.stories.ts       |  3 ++
 .../src/components/MkUrlPreview.stories.ts    |  3 ++
 .../components/MkUrlPreviewPopup.stories.ts   |  3 ++
 .../src/components/MkUserCardMini.stories.ts  |  3 ++
 .../src/components/MkUserInfo.stories.ts      |  3 ++
 .../src/components/MkUserList.stories.ts      |  3 ++
 .../MkUserOnlineIndicator.stories.ts          |  3 ++
 .../src/components/MkUserPopup.stories.ts     |  3 ++
 .../components/MkUserSelectDialog.stories.ts  |  3 ++
 .../src/components/MkUsersTooltip.stories.ts  |  3 ++
 .../components/MkVisibilityPicker.stories.ts  |  3 ++
 .../src/components/MkWaitingDialog.stories.ts |  3 ++
 .../src/components/MkWidgets.stories.ts       |  3 ++
 .../src/components/MkWindow.stories.ts        |  3 ++
 .../src/components/MkYoutubePlayer.stories.ts |  3 ++
 .../src/components/form/link.stories.ts       |  3 ++
 .../src/components/form/section.stories.ts    |  3 ++
 .../src/components/form/slot.stories.ts       |  3 ++
 .../src/components/form/split.stories.ts      |  3 ++
 .../src/components/form/suspense.stories.ts   |  3 ++
 .../src/components/global/MkA.stories.ts      |  3 ++
 .../src/components/global/MkAcct.stories.ts   |  3 ++
 .../src/components/global/MkAd.stories.ts     |  3 ++
 .../src/components/global/MkAvatar.stories.ts |  3 ++
 .../global/MkCustomEmoji.stories.ts           |  3 ++
 .../components/global/MkEllipsis.stories.ts   |  3 ++
 .../src/components/global/MkEmoji.stories.ts  |  3 ++
 .../src/components/global/MkError.stories.ts  |  3 ++
 .../components/global/MkLoading.stories.ts    |  3 ++
 .../MkMisskeyFlavoredMarkdown.stories.ts      |  3 ++
 .../components/global/MkPageHeader.stories.ts |  3 ++
 .../global/MkPageHeader.tabs.stories.ts       |  3 ++
 .../src/components/global/MkSpacer.stories.ts |  3 ++
 .../global/MkStickyContainer.stories.ts       |  3 ++
 .../src/components/global/MkTime.stories.ts   |  3 ++
 .../src/components/global/MkUrl.stories.ts    |  3 ++
 .../components/global/MkUserName.stories.ts   |  3 ++
 .../components/global/RouterView.stories.ts   |  3 ++
 .../src/components/page/page.block.stories.ts |  3 ++
 .../components/page/page.button.stories.ts    |  3 ++
 .../components/page/page.canvas.stories.ts    |  3 ++
 .../components/page/page.counter.stories.ts   |  3 ++
 .../src/components/page/page.if.stories.ts    |  3 ++
 .../src/components/page/page.image.stories.ts |  3 ++
 .../src/components/page/page.note.stories.ts  |  3 ++
 .../page/page.number-input.stories.ts         |  3 ++
 .../src/components/page/page.post.stories.ts  |  3 ++
 .../page/page.radio-button.stories.ts         |  3 ++
 .../components/page/page.section.stories.ts   |  3 ++
 .../src/components/page/page.stories.ts       |  3 ++
 .../components/page/page.switch.stories.ts    |  3 ++
 .../page/page.text-input.stories.ts           |  3 ++
 .../src/components/page/page.text.stories.ts  |  3 ++
 .../page/page.textarea-input.stories.ts       |  3 ++
 .../components/page/page.textarea.stories.ts  |  3 ++
 .../frontend/src/pages/_empty_.stories.ts     |  3 ++
 .../frontend/src/pages/_error_.stories.ts     |  3 ++
 .../frontend/src/pages/_loading_.stories.ts   |  3 ++
 .../src/pages/about-misskey.stories.ts        |  3 ++
 .../src/pages/about.emojis.stories.ts         |  3 ++
 .../src/pages/about.federation.stories.ts     |  3 ++
 packages/frontend/src/pages/about.stories.ts  |  3 ++
 .../src/pages/achievements.stories.ts         |  3 ++
 .../frontend/src/pages/admin-file.stories.ts  |  3 ++
 .../pages/admin/RolesEditorFormula.stories.ts |  3 ++
 .../src/pages/admin/_header_.stories.ts       |  3 ++
 .../src/pages/admin/abuses.stories.ts         |  3 ++
 .../frontend/src/pages/admin/ads.stories.ts   |  3 ++
 .../src/pages/admin/announcements.stories.ts  |  3 ++
 .../src/pages/admin/bot-protection.stories.ts |  3 ++
 .../src/pages/admin/database.stories.ts       |  3 ++
 .../src/pages/admin/email-settings.stories.ts |  3 ++
 .../src/pages/admin/federation.stories.ts     |  3 ++
 .../frontend/src/pages/admin/files.stories.ts |  3 ++
 .../frontend/src/pages/admin/index.stories.ts |  3 ++
 .../src/pages/admin/instance-block.stories.ts |  3 ++
 .../src/pages/admin/moderation.stories.ts     |  3 ++
 .../src/pages/admin/object-storage.stories.ts |  3 ++
 .../src/pages/admin/other-settings.stories.ts |  3 ++
 .../admin/overview.active-users.stories.ts    |  3 ++
 .../admin/overview.ap-requests.stories.ts     |  3 ++
 .../admin/overview.federation.stories.ts      |  3 ++
 .../pages/admin/overview.heatmap.stories.ts   |  3 ++
 .../pages/admin/overview.instances.stories.ts |  3 ++
 .../admin/overview.moderators.stories.ts      |  3 ++
 .../src/pages/admin/overview.pie.stories.ts   |  3 ++
 .../admin/overview.queue.chart.stories.ts     |  3 ++
 .../src/pages/admin/overview.queue.stories.ts |  3 ++
 .../pages/admin/overview.retention.stories.ts |  3 ++
 .../src/pages/admin/overview.stats.stories.ts |  3 ++
 .../src/pages/admin/overview.stories.ts       |  3 ++
 .../src/pages/admin/overview.users.stories.ts |  3 ++
 .../src/pages/admin/proxy-account.stories.ts  |  3 ++
 .../pages/admin/queue.chart.chart.stories.ts  |  3 ++
 .../src/pages/admin/queue.chart.stories.ts    |  3 ++
 .../frontend/src/pages/admin/queue.stories.ts |  3 ++
 .../src/pages/admin/relays.stories.ts         |  3 ++
 .../src/pages/admin/roles.edit.stories.ts     |  3 ++
 .../src/pages/admin/roles.editor.stories.ts   |  3 ++
 .../src/pages/admin/roles.role.stories.ts     |  3 ++
 .../frontend/src/pages/admin/roles.stories.ts |  3 ++
 .../src/pages/admin/security.stories.ts       |  3 ++
 .../src/pages/admin/settings.stories.ts       |  3 ++
 .../frontend/src/pages/admin/users.stories.ts |  3 ++
 packages/frontend/src/pages/ads.stories.ts    |  3 ++
 .../src/pages/announcements.stories.ts        |  3 ++
 .../src/pages/antenna-timeline.stories.ts     |  3 ++
 .../frontend/src/pages/api-console.stories.ts |  3 ++
 .../frontend/src/pages/auth.form.stories.ts   |  3 ++
 packages/frontend/src/pages/auth.stories.ts   |  3 ++
 .../src/pages/channel-editor.stories.ts       |  3 ++
 .../frontend/src/pages/channel.stories.ts     |  3 ++
 .../frontend/src/pages/channels.stories.ts    |  3 ++
 .../frontend/src/pages/clicker.stories.ts     |  3 ++
 packages/frontend/src/pages/clip.stories.ts   |  3 ++
 .../pages/custom-emojis-manager.stories.ts    |  3 ++
 packages/frontend/src/pages/drive.stories.ts  |  3 ++
 .../src/pages/emoji-edit-dialog.stories.ts    |  3 ++
 .../src/pages/emojis.emoji.stories.ts         |  3 ++
 .../src/pages/explore.featured.stories.ts     |  3 ++
 .../src/pages/explore.roles.stories.ts        |  3 ++
 .../frontend/src/pages/explore.stories.ts     |  3 ++
 .../src/pages/explore.users.stories.ts        |  3 ++
 .../frontend/src/pages/favorites.stories.ts   |  3 ++
 .../src/pages/flash/flash-edit.stories.ts     |  3 ++
 .../src/pages/flash/flash-index.stories.ts    |  3 ++
 .../frontend/src/pages/flash/flash.stories.ts |  3 ++
 .../src/pages/follow-requests.stories.ts      |  3 ++
 packages/frontend/src/pages/follow.stories.ts |  3 ++
 .../src/pages/gallery/edit.stories.ts         |  3 ++
 .../src/pages/gallery/index.stories.ts        |  3 ++
 .../src/pages/gallery/post.stories.ts         |  3 ++
 .../src/pages/instance-info.stories.ts        |  3 ++
 packages/frontend/src/pages/miauth.stories.ts |  3 ++
 .../src/pages/my-antennas/create.stories.ts   |  3 ++
 .../src/pages/my-antennas/edit.stories.ts     |  3 ++
 .../src/pages/my-antennas/editor.stories.ts   |  3 ++
 .../src/pages/my-antennas/index.stories.ts    |  3 ++
 .../src/pages/my-clips/index.stories.ts       |  3 ++
 .../src/pages/my-lists/index.stories.ts       |  3 ++
 .../src/pages/my-lists/list.stories.ts        |  3 ++
 .../frontend/src/pages/not-found.stories.ts   |  3 ++
 packages/frontend/src/pages/note.stories.ts   |  3 ++
 .../src/pages/notifications.stories.ts        |  3 ++
 .../els/page-editor.el.image.stories.ts       |  3 ++
 .../els/page-editor.el.note.stories.ts        |  3 ++
 .../els/page-editor.el.section.stories.ts     |  3 ++
 .../els/page-editor.el.text.stories.ts        |  3 ++
 .../page-editor/page-editor.blocks.stories.ts |  3 ++
 .../page-editor.container.stories.ts          |  3 ++
 .../pages/page-editor/page-editor.stories.ts  |  3 ++
 packages/frontend/src/pages/page.stories.ts   |  3 ++
 packages/frontend/src/pages/pages.stories.ts  |  3 ++
 .../frontend/src/pages/preview.stories.ts     |  3 ++
 .../src/pages/registry.keys.stories.ts        |  3 ++
 .../frontend/src/pages/registry.stories.ts    |  3 ++
 .../src/pages/registry.value.stories.ts       |  3 ++
 .../src/pages/reset-password.stories.ts       |  3 ++
 packages/frontend/src/pages/role.stories.ts   |  3 ++
 .../frontend/src/pages/scratchpad.stories.ts  |  3 ++
 packages/frontend/src/pages/search.stories.ts |  3 ++
 .../pages/settings/2fa.qrdialog.stories.ts    |  3 ++
 .../src/pages/settings/2fa.stories.ts         |  3 ++
 .../pages/settings/account-info.stories.ts    |  3 ++
 .../src/pages/settings/accounts.stories.ts    |  3 ++
 .../src/pages/settings/api.stories.ts         |  3 ++
 .../src/pages/settings/apps.stories.ts        |  3 ++
 .../src/pages/settings/custom-css.stories.ts  |  3 ++
 .../src/pages/settings/deck.stories.ts        |  3 ++
 .../pages/settings/delete-account.stories.ts  |  3 ++
 .../src/pages/settings/drive.stories.ts       |  3 ++
 .../src/pages/settings/email.stories.ts       |  3 ++
 .../src/pages/settings/general.stories.ts     |  3 ++
 .../pages/settings/import-export.stories.ts   |  3 ++
 .../src/pages/settings/index.stories.ts       |  3 ++
 .../pages/settings/instance-mute.stories.ts   |  3 ++
 .../src/pages/settings/mute-block.stories.ts  |  3 ++
 .../src/pages/settings/navbar.stories.ts      |  3 ++
 .../pages/settings/notifications.stories.ts   |  3 ++
 .../src/pages/settings/other.stories.ts       |  3 ++
 .../pages/settings/plugin.install.stories.ts  |  3 ++
 .../src/pages/settings/plugin.stories.ts      |  3 ++
 .../settings/preferences-backups.stories.ts   |  3 ++
 .../src/pages/settings/privacy.stories.ts     |  3 ++
 .../src/pages/settings/profile.stories.ts     |  3 ++
 .../src/pages/settings/reaction.stories.ts    |  3 ++
 .../src/pages/settings/roles.stories.ts       |  3 ++
 .../src/pages/settings/security.stories.ts    |  3 ++
 .../pages/settings/sounds.sound.stories.ts    |  3 ++
 .../src/pages/settings/sounds.stories.ts      |  3 ++
 .../settings/statusbar.statusbar.stories.ts   |  3 ++
 .../src/pages/settings/statusbar.stories.ts   |  3 ++
 .../pages/settings/theme.install.stories.ts   |  3 ++
 .../pages/settings/theme.manage.stories.ts    |  3 ++
 .../src/pages/settings/theme.stories.ts       |  3 ++
 .../pages/settings/webhook.edit.stories.ts    |  3 ++
 .../src/pages/settings/webhook.new.stories.ts |  3 ++
 .../src/pages/settings/webhook.stories.ts     |  3 ++
 .../src/pages/settings/word-mute.stories.ts   |  3 ++
 packages/frontend/src/pages/share.stories.ts  |  3 ++
 .../src/pages/signup-complete.stories.ts      |  3 ++
 packages/frontend/src/pages/tag.stories.ts    |  3 ++
 .../src/pages/theme-editor.stories.ts         |  3 ++
 .../frontend/src/pages/timeline.stories.ts    |  3 ++
 .../src/pages/timeline.tutorial.stories.ts    |  3 ++
 .../frontend/src/pages/user-info.stories.ts   |  3 ++
 .../src/pages/user-list-timeline.stories.ts   |  3 ++
 .../frontend/src/pages/user-tag.stories.ts    |  3 ++
 .../src/pages/user/achievements.stories.ts    |  3 ++
 .../pages/user/activity.following.stories.ts  |  3 ++
 .../src/pages/user/activity.following.vue     |  2 +-
 .../pages/user/activity.heatmap.stories.ts    |  3 ++
 .../src/pages/user/activity.notes.stories.ts  |  3 ++
 .../src/pages/user/activity.notes.vue         |  2 +-
 .../src/pages/user/activity.pv.stories.ts     |  3 ++
 .../frontend/src/pages/user/activity.pv.vue   |  2 +-
 .../src/pages/user/activity.stories.ts        |  3 ++
 .../frontend/src/pages/user/clips.stories.ts  |  3 ++
 .../src/pages/user/follow-list.stories.ts     |  3 ++
 .../src/pages/user/followers.stories.ts       |  3 ++
 .../src/pages/user/following.stories.ts       |  3 ++
 .../src/pages/user/gallery.stories.ts         |  3 ++
 .../frontend/src/pages/user/home.stories.ts   |  3 ++
 .../src/pages/user/index.activity.stories.ts  |  3 ++
 .../src/pages/user/index.photos.stories.ts    |  3 ++
 .../frontend/src/pages/user/index.stories.ts  |  3 ++
 .../src/pages/user/index.timeline.stories.ts  |  3 ++
 .../frontend/src/pages/user/pages.stories.ts  |  3 ++
 .../src/pages/user/reactions.stories.ts       |  3 ++
 .../src/pages/welcome.entrance.a.stories.ts   |  3 ++
 .../src/pages/welcome.entrance.b.stories.ts   |  3 ++
 .../src/pages/welcome.entrance.c.stories.ts   |  3 ++
 .../src/pages/welcome.setup.stories.ts        |  3 ++
 .../frontend/src/pages/welcome.stories.ts     |  3 ++
 .../src/pages/welcome.timeline.stories.ts     |  3 ++
 packages/frontend/src/scripts/achievements.ts |  2 ++
 packages/frontend/src/scripts/i18n.ts         |  1 +
 .../src/ui/_common_/common.stories.ts         |  3 ++
 .../ui/_common_/navbar-for-mobile.stories.ts  |  3 ++
 .../src/ui/_common_/navbar.stories.ts         |  3 ++
 .../src/ui/_common_/notification.stories.ts   |  3 ++
 .../_common_/statusbar-federation.stories.ts  |  3 ++
 .../src/ui/_common_/statusbar-rss.stories.ts  |  3 ++
 .../_common_/statusbar-user-list.stories.ts   |  3 ++
 .../src/ui/_common_/statusbars.stories.ts     |  3 ++
 .../ui/_common_/stream-indicator.stories.ts   |  3 ++
 .../src/ui/_common_/upload.stories.ts         |  3 ++
 .../frontend/src/ui/classic.header.stories.ts |  3 ++
 .../src/ui/classic.sidebar.stories.ts         |  3 ++
 packages/frontend/src/ui/classic.stories.ts   |  3 ++
 packages/frontend/src/ui/deck.stories.ts      |  3 ++
 .../src/ui/deck/antenna-column.stories.ts     |  3 ++
 .../src/ui/deck/channel-column.stories.ts     |  3 ++
 .../src/ui/deck/column-core.stories.ts        |  3 ++
 .../frontend/src/ui/deck/column.stories.ts    |  3 ++
 .../src/ui/deck/direct-column.stories.ts      |  3 ++
 .../src/ui/deck/list-column.stories.ts        |  3 ++
 .../src/ui/deck/main-column.stories.ts        |  3 ++
 .../src/ui/deck/mentions-column.stories.ts    |  3 ++
 .../ui/deck/notifications-column.stories.ts   |  3 ++
 .../frontend/src/ui/deck/tl-column.stories.ts |  3 ++
 .../src/ui/deck/widgets-column.stories.ts     |  3 ++
 packages/frontend/src/ui/universal.stories.ts |  3 ++
 .../src/ui/universal.widgets.stories.ts       |  3 ++
 packages/frontend/src/ui/visitor.stories.ts   |  3 ++
 packages/frontend/src/ui/visitor/a.stories.ts |  3 ++
 packages/frontend/src/ui/visitor/b.stories.ts |  3 ++
 .../frontend/src/ui/visitor/header.stories.ts |  3 ++
 .../frontend/src/ui/visitor/kanban.stories.ts |  3 ++
 packages/frontend/src/ui/zen.stories.ts       |  3 ++
 .../WidgetActivity.calendar.stories.ts        |  3 ++
 .../widgets/WidgetActivity.chart.stories.ts   |  3 ++
 .../src/widgets/WidgetActivity.stories.ts     |  3 ++
 .../src/widgets/WidgetAichan.stories.ts       |  3 ++
 .../src/widgets/WidgetAiscript.stories.ts     |  3 ++
 .../src/widgets/WidgetAiscriptApp.stories.ts  |  3 ++
 .../src/widgets/WidgetButton.stories.ts       |  3 ++
 .../src/widgets/WidgetCalendar.stories.ts     |  3 ++
 .../src/widgets/WidgetClicker.stories.ts      |  3 ++
 .../src/widgets/WidgetClock.stories.ts        |  3 ++
 .../src/widgets/WidgetDigitalClock.stories.ts |  3 ++
 .../src/widgets/WidgetFederation.stories.ts   |  3 ++
 .../widgets/WidgetInstanceCloud.stories.ts    |  3 ++
 .../src/widgets/WidgetInstanceInfo.stories.ts |  3 ++
 .../src/widgets/WidgetJobQueue.stories.ts     |  3 ++
 .../src/widgets/WidgetMemo.stories.ts         |  3 ++
 .../widgets/WidgetNotifications.stories.ts    |  3 ++
 .../src/widgets/WidgetOnlineUsers.stories.ts  |  3 ++
 .../src/widgets/WidgetPhotos.stories.ts       |  3 ++
 .../src/widgets/WidgetPostForm.stories.ts     |  3 ++
 .../src/widgets/WidgetProfile.stories.ts      |  3 ++
 .../frontend/src/widgets/WidgetRss.stories.ts |  3 ++
 .../src/widgets/WidgetRssTicker.stories.ts    |  3 ++
 .../src/widgets/WidgetSlideshow.stories.ts    |  3 ++
 .../src/widgets/WidgetTimeline.stories.ts     |  3 ++
 .../src/widgets/WidgetTrends.stories.ts       |  3 ++
 .../src/widgets/WidgetUnixClock.stories.ts    |  3 ++
 .../src/widgets/WidgetUserList.stories.ts     |  3 ++
 .../widgets/server-metric/cpu-mem.stories.ts  |  3 ++
 .../src/widgets/server-metric/cpu.stories.ts  |  3 ++
 .../src/widgets/server-metric/disk.stories.ts |  3 ++
 .../widgets/server-metric/index.stories.ts    |  3 ++
 .../src/widgets/server-metric/mem.stories.ts  |  3 ++
 .../src/widgets/server-metric/net.stories.ts  |  3 ++
 .../src/widgets/server-metric/pie.stories.ts  |  3 ++
 packages/frontend/vite.config.ts              |  8 ++++--
 441 files changed, 1365 insertions(+), 15 deletions(-)
 create mode 100644 packages/frontend/.gitignore
 create mode 100644 packages/frontend/.storybook/preload-locale.ts

diff --git a/packages/frontend/.gitignore b/packages/frontend/.gitignore
new file mode 100644
index 000000000..1aa0ac14e
--- /dev/null
+++ b/packages/frontend/.gitignore
@@ -0,0 +1 @@
+/storybook-static
diff --git a/packages/frontend/.storybook/.gitignore b/packages/frontend/.storybook/.gitignore
index 456dd1c29..a516a2341 100644
--- a/packages/frontend/.storybook/.gitignore
+++ b/packages/frontend/.storybook/.gitignore
@@ -1,5 +1,8 @@
 # (cd .; pnpm tsc --jsx react --jsxFactory h ./generate.tsx && node ./generate.js)
 /generate.js
+# (cd .; pnpm tsc ./preload-locale.ts && node ./preload-locale.js)
+/preload-locale.js
+/locale.ts
 # (cd .; pnpm tsc ./preload-theme.ts && node ./preload-theme.js)
 /preload-theme.js
 /theme.ts
diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx
index 189e611f7..eaca30455 100644
--- a/packages/frontend/.storybook/generate.tsx
+++ b/packages/frontend/.storybook/generate.tsx
@@ -11,13 +11,26 @@ function h<T extends estree.Node>(component: T['type'], props: Omit<T, 'type'>):
 	return Object.assign(props, { type }) as T;
 }
 
-function toStories(component: string, location: string): string {
+function toStories(component: string): string {
+	const base = basename(component);
+	const dir = dirname(component);
 	const literal = (
-		<literal value={join(location, component).slice(4, -4)} />
+		<literal value={component.slice('src/'.length, -'.vue'.length)} />
 	) as unknown as estree.Literal;
 	const identifier = (
-		<identifier name={component.slice(0, -4).replace(/[-.]|^(?=\d)/g, '_')} />
+		<identifier name={base.slice(0, -'.vue'.length).replace(/[-.]|^(?=\d)/g, '_')} />
 	) as unknown as estree.Identifier;
+	const parameters = (
+		<object-expression
+			properties={[
+				<property
+					key={<identifier name="layout" />}
+					value={<literal value={`${dir}/`.startsWith('src/pages/') || base === 'MkAnalogClock.vue' ? 'fullscreen' : 'centered'} />}
+					kind="init"
+				/>
+			]}
+		/>
+	);
 	const program = (
 		<program
 			body={[
@@ -35,7 +48,7 @@ function toStories(component: string, location: string): string {
 					]}
 				/>,
 				<import-declaration
-					source={<literal value={`./${component}`} />}
+					source={<literal value={`./${base}`} />}
 					specifiers={[
 						<import-default-specifier
 							local={identifier}
@@ -98,6 +111,11 @@ function toStories(component: string, location: string): string {
 													value={<literal value={`<${identifier.name} />`} />}
 													kind="init"
 												/>,
+												<property
+													key={<identifier name="parameters" />}
+													value={parameters}
+													kind="init"
+												/>,
 											]}
 										/>
 									}
@@ -128,7 +146,7 @@ promisify(glob)('src/{components,pages,ui,widgets}/**/*.vue').then((components)
 		fs.stat(stories).then(
 			() => {},
 			() => {
-				fs.writeFile(stories, toStories(basename(component), dirname(component)));
+				fs.writeFile(stories, toStories(component));
 			}
 		);
 	})
diff --git a/packages/frontend/.storybook/main.ts b/packages/frontend/.storybook/main.ts
index b18956ee4..9cd74de51 100644
--- a/packages/frontend/.storybook/main.ts
+++ b/packages/frontend/.storybook/main.ts
@@ -1,5 +1,7 @@
 import type { StorybookConfig } from '@storybook/vue3-vite';
-const config: StorybookConfig = {
+import { mergeConfig } from 'vite';
+import { getConfig } from '../vite.config';
+const config = {
 	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
 	addons: [
 		'@storybook/addon-links',
@@ -13,5 +15,16 @@ const config: StorybookConfig = {
 	docs: {
 		autodocs: 'tag',
 	},
-};
+	core: {
+		disableTelemetry: true,
+	},
+	async viteFinal(config, options) {
+		const { plugins, build: { rollupOptions, ...build }, ...original } = getConfig();
+		const x = mergeConfig(config, {
+			...original,
+			build,
+		});
+		return x;
+	},
+} satisfies StorybookConfig;
 export default config;
diff --git a/packages/frontend/.storybook/preload-locale.ts b/packages/frontend/.storybook/preload-locale.ts
new file mode 100644
index 000000000..a54164742
--- /dev/null
+++ b/packages/frontend/.storybook/preload-locale.ts
@@ -0,0 +1,9 @@
+import { writeFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+import * as locales from '../../../locales';
+
+writeFile(
+	resolve(__dirname, 'locale.ts'),
+	`export default ${JSON.stringify(locales['ja-JP'], undefined, 2)} as const;`,
+	'utf8',
+)
diff --git a/packages/frontend/.storybook/preview.ts b/packages/frontend/.storybook/preview.ts
index 78d408499..40b6ea0fb 100644
--- a/packages/frontend/.storybook/preview.ts
+++ b/packages/frontend/.storybook/preview.ts
@@ -1,9 +1,21 @@
-import type { Preview } from '@storybook/vue3';
-import { applyTheme } from '../src/scripts/theme';
+import { type Preview, setup } from '@storybook/vue3';
+import locale from './locale';
 import theme from './theme';
 import '../src/style.scss';
 
-applyTheme(theme);
+localStorage.setItem("locale", JSON.stringify(locale));
+Promise.all([
+	import('../src/components'),
+	import('../src/directives'),
+	import('../src/widgets'),
+	import('../src/scripts/theme').then(({ applyTheme }) => applyTheme(theme)),
+]).then(([{ default: components }, { default: directives }, { default: widgets }]) => {
+	setup((app) => {
+		components(app);
+		directives(app);
+		widgets(app);
+	});
+})
 
 const preview = {
 	parameters: {
diff --git a/packages/frontend/src/components/MkAbuseReport.stories.ts b/packages/frontend/src/components/MkAbuseReport.stories.ts
index 5c2c40b4b..4b0296769 100644
--- a/packages/frontend/src/components/MkAbuseReport.stories.ts
+++ b/packages/frontend/src/components/MkAbuseReport.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAbuseReport,
 	},
 	template: '<MkAbuseReport />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
index 9ef749487..e8f90339f 100644
--- a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
+++ b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAbuseReportWindow,
 	},
 	template: '<MkAbuseReportWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkAchievements.stories.ts b/packages/frontend/src/components/MkAchievements.stories.ts
index b08f80620..a62fadc5c 100644
--- a/packages/frontend/src/components/MkAchievements.stories.ts
+++ b/packages/frontend/src/components/MkAchievements.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAchievements,
 	},
 	template: '<MkAchievements />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkAnalogClock.stories.ts b/packages/frontend/src/components/MkAnalogClock.stories.ts
index 1f7d6f13b..7f3e51128 100644
--- a/packages/frontend/src/components/MkAnalogClock.stories.ts
+++ b/packages/frontend/src/components/MkAnalogClock.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAnalogClock,
 	},
 	template: '<MkAnalogClock />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkAsUi.stories.ts b/packages/frontend/src/components/MkAsUi.stories.ts
index c65e6e7a6..82bc3c05c 100644
--- a/packages/frontend/src/components/MkAsUi.stories.ts
+++ b/packages/frontend/src/components/MkAsUi.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAsUi,
 	},
 	template: '<MkAsUi />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkAutocomplete.stories.ts b/packages/frontend/src/components/MkAutocomplete.stories.ts
index d185d9c4b..6a1be12e0 100644
--- a/packages/frontend/src/components/MkAutocomplete.stories.ts
+++ b/packages/frontend/src/components/MkAutocomplete.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAutocomplete,
 	},
 	template: '<MkAutocomplete />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkAvatars.stories.ts b/packages/frontend/src/components/MkAvatars.stories.ts
index 245da15bb..26b7fab54 100644
--- a/packages/frontend/src/components/MkAvatars.stories.ts
+++ b/packages/frontend/src/components/MkAvatars.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAvatars,
 	},
 	template: '<MkAvatars />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkButton.stories.ts b/packages/frontend/src/components/MkButton.stories.ts
index d443279fe..26ce51bca 100644
--- a/packages/frontend/src/components/MkButton.stories.ts
+++ b/packages/frontend/src/components/MkButton.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkButton,
 	},
 	template: '<MkButton />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkCaptcha.stories.ts b/packages/frontend/src/components/MkCaptcha.stories.ts
index 95581133e..23d8b5624 100644
--- a/packages/frontend/src/components/MkCaptcha.stories.ts
+++ b/packages/frontend/src/components/MkCaptcha.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkCaptcha,
 	},
 	template: '<MkCaptcha />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkChannelFollowButton.stories.ts b/packages/frontend/src/components/MkChannelFollowButton.stories.ts
index 8e6db84cc..6ce5d52d9 100644
--- a/packages/frontend/src/components/MkChannelFollowButton.stories.ts
+++ b/packages/frontend/src/components/MkChannelFollowButton.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkChannelFollowButton,
 	},
 	template: '<MkChannelFollowButton />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkChannelPreview.stories.ts b/packages/frontend/src/components/MkChannelPreview.stories.ts
index 992b2c4ca..45f380873 100644
--- a/packages/frontend/src/components/MkChannelPreview.stories.ts
+++ b/packages/frontend/src/components/MkChannelPreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkChannelPreview,
 	},
 	template: '<MkChannelPreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkChart.stories.ts b/packages/frontend/src/components/MkChart.stories.ts
index 4beab4df2..cf607d770 100644
--- a/packages/frontend/src/components/MkChart.stories.ts
+++ b/packages/frontend/src/components/MkChart.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkChart,
 	},
 	template: '<MkChart />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkChartLegend.stories.ts b/packages/frontend/src/components/MkChartLegend.stories.ts
index adabbb9a7..8e6a449b5 100644
--- a/packages/frontend/src/components/MkChartLegend.stories.ts
+++ b/packages/frontend/src/components/MkChartLegend.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkChartLegend,
 	},
 	template: '<MkChartLegend />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkChartTooltip.stories.ts b/packages/frontend/src/components/MkChartTooltip.stories.ts
index 668aeb017..71095ce79 100644
--- a/packages/frontend/src/components/MkChartTooltip.stories.ts
+++ b/packages/frontend/src/components/MkChartTooltip.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkChartTooltip,
 	},
 	template: '<MkChartTooltip />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkCheckbox.stories.ts b/packages/frontend/src/components/MkCheckbox.stories.ts
index e936d1a01..1aaa03ba0 100644
--- a/packages/frontend/src/components/MkCheckbox.stories.ts
+++ b/packages/frontend/src/components/MkCheckbox.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkCheckbox,
 	},
 	template: '<MkCheckbox />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkClickerGame.stories.ts b/packages/frontend/src/components/MkClickerGame.stories.ts
index 600b27ea1..39dad4e67 100644
--- a/packages/frontend/src/components/MkClickerGame.stories.ts
+++ b/packages/frontend/src/components/MkClickerGame.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkClickerGame,
 	},
 	template: '<MkClickerGame />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkClipPreview.stories.ts b/packages/frontend/src/components/MkClipPreview.stories.ts
index 991ff5b59..b512c34e4 100644
--- a/packages/frontend/src/components/MkClipPreview.stories.ts
+++ b/packages/frontend/src/components/MkClipPreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkClipPreview,
 	},
 	template: '<MkClipPreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkCode.core.stories.ts b/packages/frontend/src/components/MkCode.core.stories.ts
index c6a55fe8c..dcc7d6f46 100644
--- a/packages/frontend/src/components/MkCode.core.stories.ts
+++ b/packages/frontend/src/components/MkCode.core.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkCode_core,
 	},
 	template: '<MkCode_core />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkCode.stories.ts b/packages/frontend/src/components/MkCode.stories.ts
index 0009ca436..625d6f3d2 100644
--- a/packages/frontend/src/components/MkCode.stories.ts
+++ b/packages/frontend/src/components/MkCode.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkCode,
 	},
 	template: '<MkCode />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkContainer.stories.ts b/packages/frontend/src/components/MkContainer.stories.ts
index fab6b7aa2..73aa520ba 100644
--- a/packages/frontend/src/components/MkContainer.stories.ts
+++ b/packages/frontend/src/components/MkContainer.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkContainer,
 	},
 	template: '<MkContainer />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkContextMenu.stories.ts b/packages/frontend/src/components/MkContextMenu.stories.ts
index e9a8f2c6a..78885a57a 100644
--- a/packages/frontend/src/components/MkContextMenu.stories.ts
+++ b/packages/frontend/src/components/MkContextMenu.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkContextMenu,
 	},
 	template: '<MkContextMenu />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkCropperDialog.stories.ts b/packages/frontend/src/components/MkCropperDialog.stories.ts
index 92be1b425..38c665d77 100644
--- a/packages/frontend/src/components/MkCropperDialog.stories.ts
+++ b/packages/frontend/src/components/MkCropperDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkCropperDialog,
 	},
 	template: '<MkCropperDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkCwButton.stories.ts b/packages/frontend/src/components/MkCwButton.stories.ts
index f19288dd1..354512119 100644
--- a/packages/frontend/src/components/MkCwButton.stories.ts
+++ b/packages/frontend/src/components/MkCwButton.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkCwButton,
 	},
 	template: '<MkCwButton />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDateSeparatedList.stories.ts b/packages/frontend/src/components/MkDateSeparatedList.stories.ts
index e4c00df5e..ea319c12e 100644
--- a/packages/frontend/src/components/MkDateSeparatedList.stories.ts
+++ b/packages/frontend/src/components/MkDateSeparatedList.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDateSeparatedList,
 	},
 	template: '<MkDateSeparatedList />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDialog.stories.ts b/packages/frontend/src/components/MkDialog.stories.ts
index 3debe6214..2996b180b 100644
--- a/packages/frontend/src/components/MkDialog.stories.ts
+++ b/packages/frontend/src/components/MkDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDialog,
 	},
 	template: '<MkDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDigitalClock.stories.ts b/packages/frontend/src/components/MkDigitalClock.stories.ts
index 3b6b6f839..6a6299d5c 100644
--- a/packages/frontend/src/components/MkDigitalClock.stories.ts
+++ b/packages/frontend/src/components/MkDigitalClock.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDigitalClock,
 	},
 	template: '<MkDigitalClock />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDonation.stories.ts b/packages/frontend/src/components/MkDonation.stories.ts
index 258f675eb..afee62657 100644
--- a/packages/frontend/src/components/MkDonation.stories.ts
+++ b/packages/frontend/src/components/MkDonation.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDonation,
 	},
 	template: '<MkDonation />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.file.stories.ts b/packages/frontend/src/components/MkDrive.file.stories.ts
index 0942b1d7d..0730b78a6 100644
--- a/packages/frontend/src/components/MkDrive.file.stories.ts
+++ b/packages/frontend/src/components/MkDrive.file.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDrive_file,
 	},
 	template: '<MkDrive_file />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.folder.stories.ts b/packages/frontend/src/components/MkDrive.folder.stories.ts
index 5565b0865..4b5f5b9ac 100644
--- a/packages/frontend/src/components/MkDrive.folder.stories.ts
+++ b/packages/frontend/src/components/MkDrive.folder.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDrive_folder,
 	},
 	template: '<MkDrive_folder />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.navFolder.stories.ts b/packages/frontend/src/components/MkDrive.navFolder.stories.ts
index 4c489f729..f38016e32 100644
--- a/packages/frontend/src/components/MkDrive.navFolder.stories.ts
+++ b/packages/frontend/src/components/MkDrive.navFolder.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDrive_navFolder,
 	},
 	template: '<MkDrive_navFolder />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.stories.ts b/packages/frontend/src/components/MkDrive.stories.ts
index 19c3f6445..2d4afc95d 100644
--- a/packages/frontend/src/components/MkDrive.stories.ts
+++ b/packages/frontend/src/components/MkDrive.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDrive,
 	},
 	template: '<MkDrive />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
index ca135cf41..4b3565cf2 100644
--- a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
+++ b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDriveFileThumbnail,
 	},
 	template: '<MkDriveFileThumbnail />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
index 00f7f3e06..0ac06ba2f 100644
--- a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
+++ b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDriveSelectDialog,
 	},
 	template: '<MkDriveSelectDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkDriveWindow.stories.ts b/packages/frontend/src/components/MkDriveWindow.stories.ts
index 2b20a75e4..44d46b19d 100644
--- a/packages/frontend/src/components/MkDriveWindow.stories.ts
+++ b/packages/frontend/src/components/MkDriveWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkDriveWindow,
 	},
 	template: '<MkDriveWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
index 6b8fb815a..1a19f4fb3 100644
--- a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkEmojiPicker_section,
 	},
 	template: '<MkEmojiPicker_section />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPicker.stories.ts b/packages/frontend/src/components/MkEmojiPicker.stories.ts
index b8816b542..977be11bc 100644
--- a/packages/frontend/src/components/MkEmojiPicker.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPicker.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkEmojiPicker,
 	},
 	template: '<MkEmojiPicker />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
index ae3ab4cfa..ec6972bac 100644
--- a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkEmojiPickerDialog,
 	},
 	template: '<MkEmojiPickerDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
index 985dec8bd..d3393d8f9 100644
--- a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkEmojiPickerWindow,
 	},
 	template: '<MkEmojiPickerWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
index 7c9bd6774..613723d08 100644
--- a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
+++ b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFeaturedPhotos,
 	},
 	template: '<MkFeaturedPhotos />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
index d0c9e4e2d..c86d7d188 100644
--- a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
+++ b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFileCaptionEditWindow,
 	},
 	template: '<MkFileCaptionEditWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFileListForAdmin.stories.ts b/packages/frontend/src/components/MkFileListForAdmin.stories.ts
index b437ae4d4..cd66908fc 100644
--- a/packages/frontend/src/components/MkFileListForAdmin.stories.ts
+++ b/packages/frontend/src/components/MkFileListForAdmin.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFileListForAdmin,
 	},
 	template: '<MkFileListForAdmin />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFlashPreview.stories.ts b/packages/frontend/src/components/MkFlashPreview.stories.ts
index eb7d91106..ec23c2055 100644
--- a/packages/frontend/src/components/MkFlashPreview.stories.ts
+++ b/packages/frontend/src/components/MkFlashPreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFlashPreview,
 	},
 	template: '<MkFlashPreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFoldableSection.stories.ts b/packages/frontend/src/components/MkFoldableSection.stories.ts
index b9c85f4e8..3760566e0 100644
--- a/packages/frontend/src/components/MkFoldableSection.stories.ts
+++ b/packages/frontend/src/components/MkFoldableSection.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFoldableSection,
 	},
 	template: '<MkFoldableSection />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFolder.stories.ts b/packages/frontend/src/components/MkFolder.stories.ts
index dbde9dc03..b873a6238 100644
--- a/packages/frontend/src/components/MkFolder.stories.ts
+++ b/packages/frontend/src/components/MkFolder.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFolder,
 	},
 	template: '<MkFolder />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFollowButton.stories.ts b/packages/frontend/src/components/MkFollowButton.stories.ts
index ff5b976be..51d7827df 100644
--- a/packages/frontend/src/components/MkFollowButton.stories.ts
+++ b/packages/frontend/src/components/MkFollowButton.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFollowButton,
 	},
 	template: '<MkFollowButton />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkForgotPassword.stories.ts b/packages/frontend/src/components/MkForgotPassword.stories.ts
index 38f813dfb..3f809e690 100644
--- a/packages/frontend/src/components/MkForgotPassword.stories.ts
+++ b/packages/frontend/src/components/MkForgotPassword.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkForgotPassword,
 	},
 	template: '<MkForgotPassword />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkFormDialog.stories.ts b/packages/frontend/src/components/MkFormDialog.stories.ts
index cf6afa03d..45e1c6b20 100644
--- a/packages/frontend/src/components/MkFormDialog.stories.ts
+++ b/packages/frontend/src/components/MkFormDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkFormDialog,
 	},
 	template: '<MkFormDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
index 9e94b456e..89e4fe308 100644
--- a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
+++ b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkGalleryPostPreview,
 	},
 	template: '<MkGalleryPostPreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkGoogle.stories.ts b/packages/frontend/src/components/MkGoogle.stories.ts
index bb9651dc0..01f147cd0 100644
--- a/packages/frontend/src/components/MkGoogle.stories.ts
+++ b/packages/frontend/src/components/MkGoogle.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkGoogle,
 	},
 	template: '<MkGoogle />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkHeatmap.stories.ts b/packages/frontend/src/components/MkHeatmap.stories.ts
index 97b8ef607..334cde91c 100644
--- a/packages/frontend/src/components/MkHeatmap.stories.ts
+++ b/packages/frontend/src/components/MkHeatmap.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkHeatmap,
 	},
 	template: '<MkHeatmap />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkImageViewer.stories.ts b/packages/frontend/src/components/MkImageViewer.stories.ts
index 8878c6174..c2be14dcd 100644
--- a/packages/frontend/src/components/MkImageViewer.stories.ts
+++ b/packages/frontend/src/components/MkImageViewer.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkImageViewer,
 	},
 	template: '<MkImageViewer />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
index fa69366b8..06c2062af 100644
--- a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
+++ b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkImgWithBlurhash,
 	},
 	template: '<MkImgWithBlurhash />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkInfo.stories.ts b/packages/frontend/src/components/MkInfo.stories.ts
index 97e887cf6..d55966039 100644
--- a/packages/frontend/src/components/MkInfo.stories.ts
+++ b/packages/frontend/src/components/MkInfo.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkInfo,
 	},
 	template: '<MkInfo />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkInput.stories.ts b/packages/frontend/src/components/MkInput.stories.ts
index 97b1fe999..65d43322b 100644
--- a/packages/frontend/src/components/MkInput.stories.ts
+++ b/packages/frontend/src/components/MkInput.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkInput,
 	},
 	template: '<MkInput />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkInstanceCardMini.stories.ts b/packages/frontend/src/components/MkInstanceCardMini.stories.ts
index 1902de6f3..8bd0eb1b4 100644
--- a/packages/frontend/src/components/MkInstanceCardMini.stories.ts
+++ b/packages/frontend/src/components/MkInstanceCardMini.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkInstanceCardMini,
 	},
 	template: '<MkInstanceCardMini />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkInstanceStats.stories.ts b/packages/frontend/src/components/MkInstanceStats.stories.ts
index e8a9aed27..ee5aec981 100644
--- a/packages/frontend/src/components/MkInstanceStats.stories.ts
+++ b/packages/frontend/src/components/MkInstanceStats.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkInstanceStats,
 	},
 	template: '<MkInstanceStats />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkInstanceTicker.stories.ts b/packages/frontend/src/components/MkInstanceTicker.stories.ts
index 04e5d02e3..c8809ad87 100644
--- a/packages/frontend/src/components/MkInstanceTicker.stories.ts
+++ b/packages/frontend/src/components/MkInstanceTicker.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkInstanceTicker,
 	},
 	template: '<MkInstanceTicker />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkKeyValue.stories.ts b/packages/frontend/src/components/MkKeyValue.stories.ts
index 253f82779..a69bd185a 100644
--- a/packages/frontend/src/components/MkKeyValue.stories.ts
+++ b/packages/frontend/src/components/MkKeyValue.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkKeyValue,
 	},
 	template: '<MkKeyValue />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkLaunchPad.stories.ts b/packages/frontend/src/components/MkLaunchPad.stories.ts
index 0f5289c49..3c58063e3 100644
--- a/packages/frontend/src/components/MkLaunchPad.stories.ts
+++ b/packages/frontend/src/components/MkLaunchPad.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkLaunchPad,
 	},
 	template: '<MkLaunchPad />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkLink.stories.ts b/packages/frontend/src/components/MkLink.stories.ts
index a4904d387..5445eb859 100644
--- a/packages/frontend/src/components/MkLink.stories.ts
+++ b/packages/frontend/src/components/MkLink.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkLink,
 	},
 	template: '<MkLink />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMarquee.stories.ts b/packages/frontend/src/components/MkMarquee.stories.ts
index f8b8751ab..14981dbd5 100644
--- a/packages/frontend/src/components/MkMarquee.stories.ts
+++ b/packages/frontend/src/components/MkMarquee.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMarquee,
 	},
 	template: '<MkMarquee />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaBanner.stories.ts b/packages/frontend/src/components/MkMediaBanner.stories.ts
index 2a74b32e2..90424768c 100644
--- a/packages/frontend/src/components/MkMediaBanner.stories.ts
+++ b/packages/frontend/src/components/MkMediaBanner.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMediaBanner,
 	},
 	template: '<MkMediaBanner />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaImage.stories.ts b/packages/frontend/src/components/MkMediaImage.stories.ts
index 9c2f7aec0..bc985ff17 100644
--- a/packages/frontend/src/components/MkMediaImage.stories.ts
+++ b/packages/frontend/src/components/MkMediaImage.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMediaImage,
 	},
 	template: '<MkMediaImage />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaList.stories.ts b/packages/frontend/src/components/MkMediaList.stories.ts
index 1267b8a5f..0b38efe50 100644
--- a/packages/frontend/src/components/MkMediaList.stories.ts
+++ b/packages/frontend/src/components/MkMediaList.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMediaList,
 	},
 	template: '<MkMediaList />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaVideo.stories.ts b/packages/frontend/src/components/MkMediaVideo.stories.ts
index 61e883942..7b25dcef0 100644
--- a/packages/frontend/src/components/MkMediaVideo.stories.ts
+++ b/packages/frontend/src/components/MkMediaVideo.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMediaVideo,
 	},
 	template: '<MkMediaVideo />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMention.stories.ts b/packages/frontend/src/components/MkMention.stories.ts
index 76f3d602d..d03eeaf7e 100644
--- a/packages/frontend/src/components/MkMention.stories.ts
+++ b/packages/frontend/src/components/MkMention.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMention,
 	},
 	template: '<MkMention />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMenu.child.stories.ts b/packages/frontend/src/components/MkMenu.child.stories.ts
index 079fbee3e..cec1d4c72 100644
--- a/packages/frontend/src/components/MkMenu.child.stories.ts
+++ b/packages/frontend/src/components/MkMenu.child.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMenu_child,
 	},
 	template: '<MkMenu_child />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMenu.stories.ts b/packages/frontend/src/components/MkMenu.stories.ts
index 2992ad88a..79f4714bc 100644
--- a/packages/frontend/src/components/MkMenu.stories.ts
+++ b/packages/frontend/src/components/MkMenu.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMenu,
 	},
 	template: '<MkMenu />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkMiniChart.stories.ts b/packages/frontend/src/components/MkMiniChart.stories.ts
index 7a4294cff..18f37447c 100644
--- a/packages/frontend/src/components/MkMiniChart.stories.ts
+++ b/packages/frontend/src/components/MkMiniChart.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMiniChart,
 	},
 	template: '<MkMiniChart />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkModal.stories.ts b/packages/frontend/src/components/MkModal.stories.ts
index a2bbc83be..d1c397700 100644
--- a/packages/frontend/src/components/MkModal.stories.ts
+++ b/packages/frontend/src/components/MkModal.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkModal,
 	},
 	template: '<MkModal />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkModalPageWindow.stories.ts b/packages/frontend/src/components/MkModalPageWindow.stories.ts
index 168d67408..c4c162f78 100644
--- a/packages/frontend/src/components/MkModalPageWindow.stories.ts
+++ b/packages/frontend/src/components/MkModalPageWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkModalPageWindow,
 	},
 	template: '<MkModalPageWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkModalWindow.stories.ts b/packages/frontend/src/components/MkModalWindow.stories.ts
index b06b07958..2212cd6a4 100644
--- a/packages/frontend/src/components/MkModalWindow.stories.ts
+++ b/packages/frontend/src/components/MkModalWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkModalWindow,
 	},
 	template: '<MkModalWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNote.stories.ts b/packages/frontend/src/components/MkNote.stories.ts
index 454e6a943..d828d3844 100644
--- a/packages/frontend/src/components/MkNote.stories.ts
+++ b/packages/frontend/src/components/MkNote.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNote,
 	},
 	template: '<MkNote />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteDetailed.stories.ts b/packages/frontend/src/components/MkNoteDetailed.stories.ts
index a3efc0afa..b787ea37b 100644
--- a/packages/frontend/src/components/MkNoteDetailed.stories.ts
+++ b/packages/frontend/src/components/MkNoteDetailed.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNoteDetailed,
 	},
 	template: '<MkNoteDetailed />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteHeader.stories.ts b/packages/frontend/src/components/MkNoteHeader.stories.ts
index 1310d3c1b..af7c5b270 100644
--- a/packages/frontend/src/components/MkNoteHeader.stories.ts
+++ b/packages/frontend/src/components/MkNoteHeader.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNoteHeader,
 	},
 	template: '<MkNoteHeader />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNotePreview.stories.ts b/packages/frontend/src/components/MkNotePreview.stories.ts
index 8aa2cc80b..5feba941c 100644
--- a/packages/frontend/src/components/MkNotePreview.stories.ts
+++ b/packages/frontend/src/components/MkNotePreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNotePreview,
 	},
 	template: '<MkNotePreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteSimple.stories.ts b/packages/frontend/src/components/MkNoteSimple.stories.ts
index 8745fd0f8..14fe3aea8 100644
--- a/packages/frontend/src/components/MkNoteSimple.stories.ts
+++ b/packages/frontend/src/components/MkNoteSimple.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNoteSimple,
 	},
 	template: '<MkNoteSimple />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteSub.stories.ts b/packages/frontend/src/components/MkNoteSub.stories.ts
index 817c09936..9d526ec98 100644
--- a/packages/frontend/src/components/MkNoteSub.stories.ts
+++ b/packages/frontend/src/components/MkNoteSub.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNoteSub,
 	},
 	template: '<MkNoteSub />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNotes.stories.ts b/packages/frontend/src/components/MkNotes.stories.ts
index e110cebcf..8c2a39d66 100644
--- a/packages/frontend/src/components/MkNotes.stories.ts
+++ b/packages/frontend/src/components/MkNotes.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNotes,
 	},
 	template: '<MkNotes />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNotification.stories.ts b/packages/frontend/src/components/MkNotification.stories.ts
index c17add522..13f5d751a 100644
--- a/packages/frontend/src/components/MkNotification.stories.ts
+++ b/packages/frontend/src/components/MkNotification.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNotification,
 	},
 	template: '<MkNotification />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
index cc4caa564..adc6627f5 100644
--- a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
+++ b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNotificationSettingWindow,
 	},
 	template: '<MkNotificationSettingWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNotifications.stories.ts b/packages/frontend/src/components/MkNotifications.stories.ts
index 8f71efcb1..b1f73956f 100644
--- a/packages/frontend/src/components/MkNotifications.stories.ts
+++ b/packages/frontend/src/components/MkNotifications.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNotifications,
 	},
 	template: '<MkNotifications />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNumber.stories.ts b/packages/frontend/src/components/MkNumber.stories.ts
index b75362ec9..9b9495ab8 100644
--- a/packages/frontend/src/components/MkNumber.stories.ts
+++ b/packages/frontend/src/components/MkNumber.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNumber,
 	},
 	template: '<MkNumber />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkNumberDiff.stories.ts b/packages/frontend/src/components/MkNumberDiff.stories.ts
index 4f0bc9662..9430fd161 100644
--- a/packages/frontend/src/components/MkNumberDiff.stories.ts
+++ b/packages/frontend/src/components/MkNumberDiff.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkNumberDiff,
 	},
 	template: '<MkNumberDiff />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkObjectView.stories.ts b/packages/frontend/src/components/MkObjectView.stories.ts
index e9bbd23c2..d44e3ee69 100644
--- a/packages/frontend/src/components/MkObjectView.stories.ts
+++ b/packages/frontend/src/components/MkObjectView.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkObjectView,
 	},
 	template: '<MkObjectView />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkObjectView.value.stories.ts b/packages/frontend/src/components/MkObjectView.value.stories.ts
index 58a9e96a4..27bc7958e 100644
--- a/packages/frontend/src/components/MkObjectView.value.stories.ts
+++ b/packages/frontend/src/components/MkObjectView.value.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkObjectView_value,
 	},
 	template: '<MkObjectView_value />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkOmit.stories.ts b/packages/frontend/src/components/MkOmit.stories.ts
index 23bd48ebe..f2621961d 100644
--- a/packages/frontend/src/components/MkOmit.stories.ts
+++ b/packages/frontend/src/components/MkOmit.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkOmit,
 	},
 	template: '<MkOmit />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPagePreview.stories.ts b/packages/frontend/src/components/MkPagePreview.stories.ts
index 515a53357..17cf7c4c3 100644
--- a/packages/frontend/src/components/MkPagePreview.stories.ts
+++ b/packages/frontend/src/components/MkPagePreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPagePreview,
 	},
 	template: '<MkPagePreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPageWindow.stories.ts b/packages/frontend/src/components/MkPageWindow.stories.ts
index 1a26e6072..e71e348ae 100644
--- a/packages/frontend/src/components/MkPageWindow.stories.ts
+++ b/packages/frontend/src/components/MkPageWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPageWindow,
 	},
 	template: '<MkPageWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPagination.stories.ts b/packages/frontend/src/components/MkPagination.stories.ts
index 78bba2f32..9bebe3674 100644
--- a/packages/frontend/src/components/MkPagination.stories.ts
+++ b/packages/frontend/src/components/MkPagination.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPagination,
 	},
 	template: '<MkPagination />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPlusOneEffect.stories.ts b/packages/frontend/src/components/MkPlusOneEffect.stories.ts
index 50f51b60b..a8a47b896 100644
--- a/packages/frontend/src/components/MkPlusOneEffect.stories.ts
+++ b/packages/frontend/src/components/MkPlusOneEffect.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPlusOneEffect,
 	},
 	template: '<MkPlusOneEffect />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPoll.stories.ts b/packages/frontend/src/components/MkPoll.stories.ts
index ba92e47b8..fea5821fe 100644
--- a/packages/frontend/src/components/MkPoll.stories.ts
+++ b/packages/frontend/src/components/MkPoll.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPoll,
 	},
 	template: '<MkPoll />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPollEditor.stories.ts b/packages/frontend/src/components/MkPollEditor.stories.ts
index d8480091c..c332f1c80 100644
--- a/packages/frontend/src/components/MkPollEditor.stories.ts
+++ b/packages/frontend/src/components/MkPollEditor.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPollEditor,
 	},
 	template: '<MkPollEditor />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPopupMenu.stories.ts b/packages/frontend/src/components/MkPopupMenu.stories.ts
index f590af56c..127227e1d 100644
--- a/packages/frontend/src/components/MkPopupMenu.stories.ts
+++ b/packages/frontend/src/components/MkPopupMenu.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPopupMenu,
 	},
 	template: '<MkPopupMenu />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPostForm.stories.ts b/packages/frontend/src/components/MkPostForm.stories.ts
index b84b46657..b459222fc 100644
--- a/packages/frontend/src/components/MkPostForm.stories.ts
+++ b/packages/frontend/src/components/MkPostForm.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPostForm,
 	},
 	template: '<MkPostForm />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPostFormAttaches.stories.ts b/packages/frontend/src/components/MkPostFormAttaches.stories.ts
index 729800170..ea67d38e6 100644
--- a/packages/frontend/src/components/MkPostFormAttaches.stories.ts
+++ b/packages/frontend/src/components/MkPostFormAttaches.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPostFormAttaches,
 	},
 	template: '<MkPostFormAttaches />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPostFormDialog.stories.ts b/packages/frontend/src/components/MkPostFormDialog.stories.ts
index c84017c6a..0683ce770 100644
--- a/packages/frontend/src/components/MkPostFormDialog.stories.ts
+++ b/packages/frontend/src/components/MkPostFormDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPostFormDialog,
 	},
 	template: '<MkPostFormDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
index d32b27390..339cfc8ec 100644
--- a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
+++ b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPushNotificationAllowButton,
 	},
 	template: '<MkPushNotificationAllowButton />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkRadio.stories.ts b/packages/frontend/src/components/MkRadio.stories.ts
index 0f03abbc1..5f3a5ef25 100644
--- a/packages/frontend/src/components/MkRadio.stories.ts
+++ b/packages/frontend/src/components/MkRadio.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkRadio,
 	},
 	template: '<MkRadio />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkRadios.stories.ts b/packages/frontend/src/components/MkRadios.stories.ts
index 24c12e986..ac6e9f61e 100644
--- a/packages/frontend/src/components/MkRadios.stories.ts
+++ b/packages/frontend/src/components/MkRadios.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkRadios,
 	},
 	template: '<MkRadios />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkRange.stories.ts b/packages/frontend/src/components/MkRange.stories.ts
index f8efe8354..c46122334 100644
--- a/packages/frontend/src/components/MkRange.stories.ts
+++ b/packages/frontend/src/components/MkRange.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkRange,
 	},
 	template: '<MkRange />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
index 1e5403235..395f95134 100644
--- a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
+++ b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkReactedUsersDialog,
 	},
 	template: '<MkReactedUsersDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionEffect.stories.ts b/packages/frontend/src/components/MkReactionEffect.stories.ts
index 71fc56768..7b9ca42e2 100644
--- a/packages/frontend/src/components/MkReactionEffect.stories.ts
+++ b/packages/frontend/src/components/MkReactionEffect.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkReactionEffect,
 	},
 	template: '<MkReactionEffect />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionIcon.stories.ts b/packages/frontend/src/components/MkReactionIcon.stories.ts
index 37c196887..271eb3ed6 100644
--- a/packages/frontend/src/components/MkReactionIcon.stories.ts
+++ b/packages/frontend/src/components/MkReactionIcon.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkReactionIcon,
 	},
 	template: '<MkReactionIcon />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionTooltip.stories.ts b/packages/frontend/src/components/MkReactionTooltip.stories.ts
index a6ea56010..e4ca21352 100644
--- a/packages/frontend/src/components/MkReactionTooltip.stories.ts
+++ b/packages/frontend/src/components/MkReactionTooltip.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkReactionTooltip,
 	},
 	template: '<MkReactionTooltip />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
index 3bab02b86..449e03554 100644
--- a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkReactionsViewer_details,
 	},
 	template: '<MkReactionsViewer_details />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
index 917c5459a..cbe9a98c7 100644
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkReactionsViewer_reaction,
 	},
 	template: '<MkReactionsViewer_reaction />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionsViewer.stories.ts b/packages/frontend/src/components/MkReactionsViewer.stories.ts
index 7b9e18baf..33d110882 100644
--- a/packages/frontend/src/components/MkReactionsViewer.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkReactionsViewer,
 	},
 	template: '<MkReactionsViewer />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkRemoteCaution.stories.ts b/packages/frontend/src/components/MkRemoteCaution.stories.ts
index ce5f9069c..726a4f4db 100644
--- a/packages/frontend/src/components/MkRemoteCaution.stories.ts
+++ b/packages/frontend/src/components/MkRemoteCaution.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkRemoteCaution,
 	},
 	template: '<MkRemoteCaution />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
index bf977d05b..e348f2bd4 100644
--- a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
+++ b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkRetentionHeatmap,
 	},
 	template: '<MkRetentionHeatmap />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkRippleEffect.stories.ts b/packages/frontend/src/components/MkRippleEffect.stories.ts
index 9ee6ed6d1..8b405f3e6 100644
--- a/packages/frontend/src/components/MkRippleEffect.stories.ts
+++ b/packages/frontend/src/components/MkRippleEffect.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkRippleEffect,
 	},
 	template: '<MkRippleEffect />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkRolePreview.stories.ts b/packages/frontend/src/components/MkRolePreview.stories.ts
index 3a6670f87..84fa9ccf3 100644
--- a/packages/frontend/src/components/MkRolePreview.stories.ts
+++ b/packages/frontend/src/components/MkRolePreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkRolePreview,
 	},
 	template: '<MkRolePreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSample.stories.ts b/packages/frontend/src/components/MkSample.stories.ts
index 8e5b11993..dba9e304d 100644
--- a/packages/frontend/src/components/MkSample.stories.ts
+++ b/packages/frontend/src/components/MkSample.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSample,
 	},
 	template: '<MkSample />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSelect.stories.ts b/packages/frontend/src/components/MkSelect.stories.ts
index 0348e8919..18d2a3584 100644
--- a/packages/frontend/src/components/MkSelect.stories.ts
+++ b/packages/frontend/src/components/MkSelect.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSelect,
 	},
 	template: '<MkSelect />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSignin.stories.ts b/packages/frontend/src/components/MkSignin.stories.ts
index cfc4a6f4e..a50d15d86 100644
--- a/packages/frontend/src/components/MkSignin.stories.ts
+++ b/packages/frontend/src/components/MkSignin.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSignin,
 	},
 	template: '<MkSignin />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSigninDialog.stories.ts b/packages/frontend/src/components/MkSigninDialog.stories.ts
index bde824259..1540c571a 100644
--- a/packages/frontend/src/components/MkSigninDialog.stories.ts
+++ b/packages/frontend/src/components/MkSigninDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSigninDialog,
 	},
 	template: '<MkSigninDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSignup.stories.ts b/packages/frontend/src/components/MkSignup.stories.ts
index 4b620670b..a1b8c723c 100644
--- a/packages/frontend/src/components/MkSignup.stories.ts
+++ b/packages/frontend/src/components/MkSignup.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSignup,
 	},
 	template: '<MkSignup />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSignupDialog.stories.ts b/packages/frontend/src/components/MkSignupDialog.stories.ts
index e07a1cd38..c0253a3cd 100644
--- a/packages/frontend/src/components/MkSignupDialog.stories.ts
+++ b/packages/frontend/src/components/MkSignupDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSignupDialog,
 	},
 	template: '<MkSignupDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSparkle.stories.ts b/packages/frontend/src/components/MkSparkle.stories.ts
index 289707e19..f5d82ef61 100644
--- a/packages/frontend/src/components/MkSparkle.stories.ts
+++ b/packages/frontend/src/components/MkSparkle.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSparkle,
 	},
 	template: '<MkSparkle />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSubNoteContent.stories.ts b/packages/frontend/src/components/MkSubNoteContent.stories.ts
index f50b50023..557775d41 100644
--- a/packages/frontend/src/components/MkSubNoteContent.stories.ts
+++ b/packages/frontend/src/components/MkSubNoteContent.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSubNoteContent,
 	},
 	template: '<MkSubNoteContent />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSuperMenu.stories.ts b/packages/frontend/src/components/MkSuperMenu.stories.ts
index 624fb9658..76ed607f9 100644
--- a/packages/frontend/src/components/MkSuperMenu.stories.ts
+++ b/packages/frontend/src/components/MkSuperMenu.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSuperMenu,
 	},
 	template: '<MkSuperMenu />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkSwitch.stories.ts b/packages/frontend/src/components/MkSwitch.stories.ts
index ace45f778..ff2d48416 100644
--- a/packages/frontend/src/components/MkSwitch.stories.ts
+++ b/packages/frontend/src/components/MkSwitch.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSwitch,
 	},
 	template: '<MkSwitch />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkTab.stories.ts b/packages/frontend/src/components/MkTab.stories.ts
index c81925229..b2e94c1a6 100644
--- a/packages/frontend/src/components/MkTab.stories.ts
+++ b/packages/frontend/src/components/MkTab.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkTab,
 	},
 	template: '<MkTab />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkTagCloud.stories.ts b/packages/frontend/src/components/MkTagCloud.stories.ts
index dd6f06716..5af917710 100644
--- a/packages/frontend/src/components/MkTagCloud.stories.ts
+++ b/packages/frontend/src/components/MkTagCloud.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkTagCloud,
 	},
 	template: '<MkTagCloud />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkTextarea.stories.ts b/packages/frontend/src/components/MkTextarea.stories.ts
index e6f5d0f99..207aec2c2 100644
--- a/packages/frontend/src/components/MkTextarea.stories.ts
+++ b/packages/frontend/src/components/MkTextarea.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkTextarea,
 	},
 	template: '<MkTextarea />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkTimeline.stories.ts b/packages/frontend/src/components/MkTimeline.stories.ts
index 7a43f42af..3a1632417 100644
--- a/packages/frontend/src/components/MkTimeline.stories.ts
+++ b/packages/frontend/src/components/MkTimeline.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkTimeline,
 	},
 	template: '<MkTimeline />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkToast.stories.ts b/packages/frontend/src/components/MkToast.stories.ts
index 967e3aff2..80b48109e 100644
--- a/packages/frontend/src/components/MkToast.stories.ts
+++ b/packages/frontend/src/components/MkToast.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkToast,
 	},
 	template: '<MkToast />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
index f4cd049d9..74c6b7361 100644
--- a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
+++ b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkTokenGenerateWindow,
 	},
 	template: '<MkTokenGenerateWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkTooltip.stories.ts b/packages/frontend/src/components/MkTooltip.stories.ts
index eaa64a424..bcba8916d 100644
--- a/packages/frontend/src/components/MkTooltip.stories.ts
+++ b/packages/frontend/src/components/MkTooltip.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkTooltip,
 	},
 	template: '<MkTooltip />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUpdated.stories.ts b/packages/frontend/src/components/MkUpdated.stories.ts
index a6b37f5fd..9949a6621 100644
--- a/packages/frontend/src/components/MkUpdated.stories.ts
+++ b/packages/frontend/src/components/MkUpdated.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUpdated,
 	},
 	template: '<MkUpdated />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUrlPreview.stories.ts b/packages/frontend/src/components/MkUrlPreview.stories.ts
index 3b3c97ba6..7f1828343 100644
--- a/packages/frontend/src/components/MkUrlPreview.stories.ts
+++ b/packages/frontend/src/components/MkUrlPreview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUrlPreview,
 	},
 	template: '<MkUrlPreview />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
index b71c814d2..6756b81bd 100644
--- a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
+++ b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUrlPreviewPopup,
 	},
 	template: '<MkUrlPreviewPopup />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUserCardMini.stories.ts b/packages/frontend/src/components/MkUserCardMini.stories.ts
index 9fd800237..467c8aa00 100644
--- a/packages/frontend/src/components/MkUserCardMini.stories.ts
+++ b/packages/frontend/src/components/MkUserCardMini.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUserCardMini,
 	},
 	template: '<MkUserCardMini />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUserInfo.stories.ts b/packages/frontend/src/components/MkUserInfo.stories.ts
index c12d66cd9..832fa8dac 100644
--- a/packages/frontend/src/components/MkUserInfo.stories.ts
+++ b/packages/frontend/src/components/MkUserInfo.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUserInfo,
 	},
 	template: '<MkUserInfo />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUserList.stories.ts b/packages/frontend/src/components/MkUserList.stories.ts
index d507ddf2b..173f9a499 100644
--- a/packages/frontend/src/components/MkUserList.stories.ts
+++ b/packages/frontend/src/components/MkUserList.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUserList,
 	},
 	template: '<MkUserList />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
index 12e94851f..f18f9da5b 100644
--- a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
+++ b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUserOnlineIndicator,
 	},
 	template: '<MkUserOnlineIndicator />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUserPopup.stories.ts b/packages/frontend/src/components/MkUserPopup.stories.ts
index 43058847d..14e8ef467 100644
--- a/packages/frontend/src/components/MkUserPopup.stories.ts
+++ b/packages/frontend/src/components/MkUserPopup.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUserPopup,
 	},
 	template: '<MkUserPopup />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUserSelectDialog.stories.ts b/packages/frontend/src/components/MkUserSelectDialog.stories.ts
index 48ebf287a..9930169d5 100644
--- a/packages/frontend/src/components/MkUserSelectDialog.stories.ts
+++ b/packages/frontend/src/components/MkUserSelectDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUserSelectDialog,
 	},
 	template: '<MkUserSelectDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkUsersTooltip.stories.ts b/packages/frontend/src/components/MkUsersTooltip.stories.ts
index 368e76f91..2cc45df46 100644
--- a/packages/frontend/src/components/MkUsersTooltip.stories.ts
+++ b/packages/frontend/src/components/MkUsersTooltip.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUsersTooltip,
 	},
 	template: '<MkUsersTooltip />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkVisibilityPicker.stories.ts b/packages/frontend/src/components/MkVisibilityPicker.stories.ts
index 202df158c..a1b6bcea6 100644
--- a/packages/frontend/src/components/MkVisibilityPicker.stories.ts
+++ b/packages/frontend/src/components/MkVisibilityPicker.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkVisibilityPicker,
 	},
 	template: '<MkVisibilityPicker />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkWaitingDialog.stories.ts b/packages/frontend/src/components/MkWaitingDialog.stories.ts
index 9f9f0b804..ee5f95685 100644
--- a/packages/frontend/src/components/MkWaitingDialog.stories.ts
+++ b/packages/frontend/src/components/MkWaitingDialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkWaitingDialog,
 	},
 	template: '<MkWaitingDialog />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkWidgets.stories.ts b/packages/frontend/src/components/MkWidgets.stories.ts
index f5019284a..e5820efd4 100644
--- a/packages/frontend/src/components/MkWidgets.stories.ts
+++ b/packages/frontend/src/components/MkWidgets.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkWidgets,
 	},
 	template: '<MkWidgets />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkWindow.stories.ts b/packages/frontend/src/components/MkWindow.stories.ts
index 31b5347c9..d43e40330 100644
--- a/packages/frontend/src/components/MkWindow.stories.ts
+++ b/packages/frontend/src/components/MkWindow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkWindow,
 	},
 	template: '<MkWindow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/MkYoutubePlayer.stories.ts b/packages/frontend/src/components/MkYoutubePlayer.stories.ts
index 92b68ad5e..a9f45e3e9 100644
--- a/packages/frontend/src/components/MkYoutubePlayer.stories.ts
+++ b/packages/frontend/src/components/MkYoutubePlayer.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkYoutubePlayer,
 	},
 	template: '<MkYoutubePlayer />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/form/link.stories.ts b/packages/frontend/src/components/form/link.stories.ts
index 836dd53ab..24f7edc37 100644
--- a/packages/frontend/src/components/form/link.stories.ts
+++ b/packages/frontend/src/components/form/link.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		link,
 	},
 	template: '<link />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/form/section.stories.ts b/packages/frontend/src/components/form/section.stories.ts
index 3f0939c35..b8ab307e2 100644
--- a/packages/frontend/src/components/form/section.stories.ts
+++ b/packages/frontend/src/components/form/section.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		section,
 	},
 	template: '<section />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/form/slot.stories.ts b/packages/frontend/src/components/form/slot.stories.ts
index 9587fb2f4..dd1a16c40 100644
--- a/packages/frontend/src/components/form/slot.stories.ts
+++ b/packages/frontend/src/components/form/slot.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		slot,
 	},
 	template: '<slot />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/form/split.stories.ts b/packages/frontend/src/components/form/split.stories.ts
index ac5c2008c..39cbc0ba0 100644
--- a/packages/frontend/src/components/form/split.stories.ts
+++ b/packages/frontend/src/components/form/split.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		split,
 	},
 	template: '<split />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/form/suspense.stories.ts b/packages/frontend/src/components/form/suspense.stories.ts
index ba54e9015..fad46e9c1 100644
--- a/packages/frontend/src/components/form/suspense.stories.ts
+++ b/packages/frontend/src/components/form/suspense.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		suspense,
 	},
 	template: '<suspense />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkA.stories.ts b/packages/frontend/src/components/global/MkA.stories.ts
index a676fce53..5eb4a18c4 100644
--- a/packages/frontend/src/components/global/MkA.stories.ts
+++ b/packages/frontend/src/components/global/MkA.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkA,
 	},
 	template: '<MkA />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkAcct.stories.ts b/packages/frontend/src/components/global/MkAcct.stories.ts
index 6f4647832..6b8b55ec3 100644
--- a/packages/frontend/src/components/global/MkAcct.stories.ts
+++ b/packages/frontend/src/components/global/MkAcct.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAcct,
 	},
 	template: '<MkAcct />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkAd.stories.ts b/packages/frontend/src/components/global/MkAd.stories.ts
index f835bf5ee..bb2d74b33 100644
--- a/packages/frontend/src/components/global/MkAd.stories.ts
+++ b/packages/frontend/src/components/global/MkAd.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAd,
 	},
 	template: '<MkAd />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkAvatar.stories.ts b/packages/frontend/src/components/global/MkAvatar.stories.ts
index 6a74176b1..bc1acd33f 100644
--- a/packages/frontend/src/components/global/MkAvatar.stories.ts
+++ b/packages/frontend/src/components/global/MkAvatar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkAvatar,
 	},
 	template: '<MkAvatar />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
index e594b035a..9abc14af1 100644
--- a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
+++ b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkCustomEmoji,
 	},
 	template: '<MkCustomEmoji />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkEllipsis.stories.ts b/packages/frontend/src/components/global/MkEllipsis.stories.ts
index fe3a2a826..09092f36d 100644
--- a/packages/frontend/src/components/global/MkEllipsis.stories.ts
+++ b/packages/frontend/src/components/global/MkEllipsis.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkEllipsis,
 	},
 	template: '<MkEllipsis />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkEmoji.stories.ts b/packages/frontend/src/components/global/MkEmoji.stories.ts
index ffac466d1..1679ae0b2 100644
--- a/packages/frontend/src/components/global/MkEmoji.stories.ts
+++ b/packages/frontend/src/components/global/MkEmoji.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkEmoji,
 	},
 	template: '<MkEmoji />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkError.stories.ts b/packages/frontend/src/components/global/MkError.stories.ts
index 86e9f77cf..0916b1860 100644
--- a/packages/frontend/src/components/global/MkError.stories.ts
+++ b/packages/frontend/src/components/global/MkError.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkError,
 	},
 	template: '<MkError />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkLoading.stories.ts b/packages/frontend/src/components/global/MkLoading.stories.ts
index bf6d9de63..752085f5f 100644
--- a/packages/frontend/src/components/global/MkLoading.stories.ts
+++ b/packages/frontend/src/components/global/MkLoading.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkLoading,
 	},
 	template: '<MkLoading />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
index bf8006e7c..63e5342cc 100644
--- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
+++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkMisskeyFlavoredMarkdown,
 	},
 	template: '<MkMisskeyFlavoredMarkdown />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.ts b/packages/frontend/src/components/global/MkPageHeader.stories.ts
index 3add69771..a2c6d8705 100644
--- a/packages/frontend/src/components/global/MkPageHeader.stories.ts
+++ b/packages/frontend/src/components/global/MkPageHeader.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPageHeader,
 	},
 	template: '<MkPageHeader />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
index 8f3af8780..b283a9439 100644
--- a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
+++ b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkPageHeader_tabs,
 	},
 	template: '<MkPageHeader_tabs />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkSpacer.stories.ts b/packages/frontend/src/components/global/MkSpacer.stories.ts
index cb9f893e3..2f15b0257 100644
--- a/packages/frontend/src/components/global/MkSpacer.stories.ts
+++ b/packages/frontend/src/components/global/MkSpacer.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkSpacer,
 	},
 	template: '<MkSpacer />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkStickyContainer.stories.ts b/packages/frontend/src/components/global/MkStickyContainer.stories.ts
index aca35e0d2..7e495a582 100644
--- a/packages/frontend/src/components/global/MkStickyContainer.stories.ts
+++ b/packages/frontend/src/components/global/MkStickyContainer.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkStickyContainer,
 	},
 	template: '<MkStickyContainer />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkTime.stories.ts b/packages/frontend/src/components/global/MkTime.stories.ts
index 196df61db..efb6dee7a 100644
--- a/packages/frontend/src/components/global/MkTime.stories.ts
+++ b/packages/frontend/src/components/global/MkTime.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkTime,
 	},
 	template: '<MkTime />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkUrl.stories.ts b/packages/frontend/src/components/global/MkUrl.stories.ts
index 7e3ba56ee..c72bf542e 100644
--- a/packages/frontend/src/components/global/MkUrl.stories.ts
+++ b/packages/frontend/src/components/global/MkUrl.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUrl,
 	},
 	template: '<MkUrl />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/MkUserName.stories.ts b/packages/frontend/src/components/global/MkUserName.stories.ts
index 1a0b7912c..211d8dac6 100644
--- a/packages/frontend/src/components/global/MkUserName.stories.ts
+++ b/packages/frontend/src/components/global/MkUserName.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		MkUserName,
 	},
 	template: '<MkUserName />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/global/RouterView.stories.ts b/packages/frontend/src/components/global/RouterView.stories.ts
index c4ab83c01..acc2c32d3 100644
--- a/packages/frontend/src/components/global/RouterView.stories.ts
+++ b/packages/frontend/src/components/global/RouterView.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		RouterView,
 	},
 	template: '<RouterView />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.block.stories.ts b/packages/frontend/src/components/page/page.block.stories.ts
index 9e434e066..a08218da6 100644
--- a/packages/frontend/src/components/page/page.block.stories.ts
+++ b/packages/frontend/src/components/page/page.block.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_block,
 	},
 	template: '<page_block />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.button.stories.ts b/packages/frontend/src/components/page/page.button.stories.ts
index 0d536d750..9ee10b737 100644
--- a/packages/frontend/src/components/page/page.button.stories.ts
+++ b/packages/frontend/src/components/page/page.button.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_button,
 	},
 	template: '<page_button />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.canvas.stories.ts b/packages/frontend/src/components/page/page.canvas.stories.ts
index 1a79be9bd..7df6fd364 100644
--- a/packages/frontend/src/components/page/page.canvas.stories.ts
+++ b/packages/frontend/src/components/page/page.canvas.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_canvas,
 	},
 	template: '<page_canvas />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.counter.stories.ts b/packages/frontend/src/components/page/page.counter.stories.ts
index 5e808012f..490c4d24b 100644
--- a/packages/frontend/src/components/page/page.counter.stories.ts
+++ b/packages/frontend/src/components/page/page.counter.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_counter,
 	},
 	template: '<page_counter />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.if.stories.ts b/packages/frontend/src/components/page/page.if.stories.ts
index a44906903..cd840c959 100644
--- a/packages/frontend/src/components/page/page.if.stories.ts
+++ b/packages/frontend/src/components/page/page.if.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_if,
 	},
 	template: '<page_if />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.image.stories.ts b/packages/frontend/src/components/page/page.image.stories.ts
index 68bd435e1..b7452a618 100644
--- a/packages/frontend/src/components/page/page.image.stories.ts
+++ b/packages/frontend/src/components/page/page.image.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_image,
 	},
 	template: '<page_image />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.note.stories.ts b/packages/frontend/src/components/page/page.note.stories.ts
index 00c036fad..5c5af5d58 100644
--- a/packages/frontend/src/components/page/page.note.stories.ts
+++ b/packages/frontend/src/components/page/page.note.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_note,
 	},
 	template: '<page_note />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.number-input.stories.ts b/packages/frontend/src/components/page/page.number-input.stories.ts
index cd04c9c7a..9a7ad3431 100644
--- a/packages/frontend/src/components/page/page.number-input.stories.ts
+++ b/packages/frontend/src/components/page/page.number-input.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_number_input,
 	},
 	template: '<page_number_input />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.post.stories.ts b/packages/frontend/src/components/page/page.post.stories.ts
index 89bb72e17..b98d930d1 100644
--- a/packages/frontend/src/components/page/page.post.stories.ts
+++ b/packages/frontend/src/components/page/page.post.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_post,
 	},
 	template: '<page_post />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.radio-button.stories.ts b/packages/frontend/src/components/page/page.radio-button.stories.ts
index 59dd32357..9b519cddd 100644
--- a/packages/frontend/src/components/page/page.radio-button.stories.ts
+++ b/packages/frontend/src/components/page/page.radio-button.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_radio_button,
 	},
 	template: '<page_radio_button />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.section.stories.ts b/packages/frontend/src/components/page/page.section.stories.ts
index e31b612db..0e28246cc 100644
--- a/packages/frontend/src/components/page/page.section.stories.ts
+++ b/packages/frontend/src/components/page/page.section.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_section,
 	},
 	template: '<page_section />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.stories.ts b/packages/frontend/src/components/page/page.stories.ts
index a7264f4be..cff97b18d 100644
--- a/packages/frontend/src/components/page/page.stories.ts
+++ b/packages/frontend/src/components/page/page.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page,
 	},
 	template: '<page />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.switch.stories.ts b/packages/frontend/src/components/page/page.switch.stories.ts
index 05f5b1494..84bfcf0d7 100644
--- a/packages/frontend/src/components/page/page.switch.stories.ts
+++ b/packages/frontend/src/components/page/page.switch.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_switch,
 	},
 	template: '<page_switch />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.text-input.stories.ts b/packages/frontend/src/components/page/page.text-input.stories.ts
index 2e063ed14..07ce018e2 100644
--- a/packages/frontend/src/components/page/page.text-input.stories.ts
+++ b/packages/frontend/src/components/page/page.text-input.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_text_input,
 	},
 	template: '<page_text_input />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.text.stories.ts b/packages/frontend/src/components/page/page.text.stories.ts
index 6eabcb3da..b1f3aacfb 100644
--- a/packages/frontend/src/components/page/page.text.stories.ts
+++ b/packages/frontend/src/components/page/page.text.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_text,
 	},
 	template: '<page_text />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.textarea-input.stories.ts b/packages/frontend/src/components/page/page.textarea-input.stories.ts
index 3c392ed6f..608327d18 100644
--- a/packages/frontend/src/components/page/page.textarea-input.stories.ts
+++ b/packages/frontend/src/components/page/page.textarea-input.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_textarea_input,
 	},
 	template: '<page_textarea_input />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/components/page/page.textarea.stories.ts b/packages/frontend/src/components/page/page.textarea.stories.ts
index a09b13403..c793e78d2 100644
--- a/packages/frontend/src/components/page/page.textarea.stories.ts
+++ b/packages/frontend/src/components/page/page.textarea.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_textarea,
 	},
 	template: '<page_textarea />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/_empty_.stories.ts b/packages/frontend/src/pages/_empty_.stories.ts
index 0d004b65e..9975c4e04 100644
--- a/packages/frontend/src/pages/_empty_.stories.ts
+++ b/packages/frontend/src/pages/_empty_.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		_empty_,
 	},
 	template: '<_empty_ />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/_error_.stories.ts b/packages/frontend/src/pages/_error_.stories.ts
index d3af6637c..f3ac520dc 100644
--- a/packages/frontend/src/pages/_error_.stories.ts
+++ b/packages/frontend/src/pages/_error_.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		_error_,
 	},
 	template: '<_error_ />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/_loading_.stories.ts b/packages/frontend/src/pages/_loading_.stories.ts
index 4349f3b44..9063c71b4 100644
--- a/packages/frontend/src/pages/_loading_.stories.ts
+++ b/packages/frontend/src/pages/_loading_.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		_loading_,
 	},
 	template: '<_loading_ />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/about-misskey.stories.ts b/packages/frontend/src/pages/about-misskey.stories.ts
index 4cf759246..1898d460e 100644
--- a/packages/frontend/src/pages/about-misskey.stories.ts
+++ b/packages/frontend/src/pages/about-misskey.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		about_misskey,
 	},
 	template: '<about_misskey />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/about.emojis.stories.ts b/packages/frontend/src/pages/about.emojis.stories.ts
index 88cae1d4d..dc2f36bea 100644
--- a/packages/frontend/src/pages/about.emojis.stories.ts
+++ b/packages/frontend/src/pages/about.emojis.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		about_emojis,
 	},
 	template: '<about_emojis />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/about.federation.stories.ts b/packages/frontend/src/pages/about.federation.stories.ts
index 75875ce58..63f997779 100644
--- a/packages/frontend/src/pages/about.federation.stories.ts
+++ b/packages/frontend/src/pages/about.federation.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		about_federation,
 	},
 	template: '<about_federation />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/about.stories.ts b/packages/frontend/src/pages/about.stories.ts
index 4150c3a13..397a52061 100644
--- a/packages/frontend/src/pages/about.stories.ts
+++ b/packages/frontend/src/pages/about.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		about,
 	},
 	template: '<about />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/achievements.stories.ts b/packages/frontend/src/pages/achievements.stories.ts
index f0b1b14dc..b07ce5846 100644
--- a/packages/frontend/src/pages/achievements.stories.ts
+++ b/packages/frontend/src/pages/achievements.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		achievements,
 	},
 	template: '<achievements />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin-file.stories.ts b/packages/frontend/src/pages/admin-file.stories.ts
index 3a59d5ba7..adbcee094 100644
--- a/packages/frontend/src/pages/admin-file.stories.ts
+++ b/packages/frontend/src/pages/admin-file.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		admin_file,
 	},
 	template: '<admin_file />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
index 16682c2f9..e85173e57 100644
--- a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
+++ b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		RolesEditorFormula,
 	},
 	template: '<RolesEditorFormula />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/_header_.stories.ts b/packages/frontend/src/pages/admin/_header_.stories.ts
index c03039c69..b803b74a1 100644
--- a/packages/frontend/src/pages/admin/_header_.stories.ts
+++ b/packages/frontend/src/pages/admin/_header_.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		_header_,
 	},
 	template: '<_header_ />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/abuses.stories.ts b/packages/frontend/src/pages/admin/abuses.stories.ts
index 619ef42bf..677292f15 100644
--- a/packages/frontend/src/pages/admin/abuses.stories.ts
+++ b/packages/frontend/src/pages/admin/abuses.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		abuses,
 	},
 	template: '<abuses />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/ads.stories.ts b/packages/frontend/src/pages/admin/ads.stories.ts
index 49b11f893..973bbd4cc 100644
--- a/packages/frontend/src/pages/admin/ads.stories.ts
+++ b/packages/frontend/src/pages/admin/ads.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		ads,
 	},
 	template: '<ads />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/announcements.stories.ts b/packages/frontend/src/pages/admin/announcements.stories.ts
index 0f990a152..add9a62c5 100644
--- a/packages/frontend/src/pages/admin/announcements.stories.ts
+++ b/packages/frontend/src/pages/admin/announcements.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		announcements,
 	},
 	template: '<announcements />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/bot-protection.stories.ts b/packages/frontend/src/pages/admin/bot-protection.stories.ts
index d5369f1fa..cc337ac51 100644
--- a/packages/frontend/src/pages/admin/bot-protection.stories.ts
+++ b/packages/frontend/src/pages/admin/bot-protection.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		bot_protection,
 	},
 	template: '<bot_protection />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/database.stories.ts b/packages/frontend/src/pages/admin/database.stories.ts
index 7bddb1620..1764c4a90 100644
--- a/packages/frontend/src/pages/admin/database.stories.ts
+++ b/packages/frontend/src/pages/admin/database.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		database,
 	},
 	template: '<database />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/email-settings.stories.ts b/packages/frontend/src/pages/admin/email-settings.stories.ts
index ad094e514..162b4b081 100644
--- a/packages/frontend/src/pages/admin/email-settings.stories.ts
+++ b/packages/frontend/src/pages/admin/email-settings.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		email_settings,
 	},
 	template: '<email_settings />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/federation.stories.ts b/packages/frontend/src/pages/admin/federation.stories.ts
index dfa783cf8..a8b3f1b3f 100644
--- a/packages/frontend/src/pages/admin/federation.stories.ts
+++ b/packages/frontend/src/pages/admin/federation.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		federation,
 	},
 	template: '<federation />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/files.stories.ts b/packages/frontend/src/pages/admin/files.stories.ts
index 86c7b9633..cb0746cf1 100644
--- a/packages/frontend/src/pages/admin/files.stories.ts
+++ b/packages/frontend/src/pages/admin/files.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		files,
 	},
 	template: '<files />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/index.stories.ts b/packages/frontend/src/pages/admin/index.stories.ts
index 04b0cbac6..f2ac0b287 100644
--- a/packages/frontend/src/pages/admin/index.stories.ts
+++ b/packages/frontend/src/pages/admin/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/instance-block.stories.ts b/packages/frontend/src/pages/admin/instance-block.stories.ts
index 5186eb4df..0623c16dd 100644
--- a/packages/frontend/src/pages/admin/instance-block.stories.ts
+++ b/packages/frontend/src/pages/admin/instance-block.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		instance_block,
 	},
 	template: '<instance_block />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/moderation.stories.ts b/packages/frontend/src/pages/admin/moderation.stories.ts
index 48c5c3a45..20d6d3bea 100644
--- a/packages/frontend/src/pages/admin/moderation.stories.ts
+++ b/packages/frontend/src/pages/admin/moderation.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		moderation,
 	},
 	template: '<moderation />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/object-storage.stories.ts b/packages/frontend/src/pages/admin/object-storage.stories.ts
index ab971197e..9187d2ad6 100644
--- a/packages/frontend/src/pages/admin/object-storage.stories.ts
+++ b/packages/frontend/src/pages/admin/object-storage.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		object_storage,
 	},
 	template: '<object_storage />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/other-settings.stories.ts b/packages/frontend/src/pages/admin/other-settings.stories.ts
index 20c422c58..f4385c4c3 100644
--- a/packages/frontend/src/pages/admin/other-settings.stories.ts
+++ b/packages/frontend/src/pages/admin/other-settings.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		other_settings,
 	},
 	template: '<other_settings />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.active-users.stories.ts b/packages/frontend/src/pages/admin/overview.active-users.stories.ts
index ac1628f3d..877d4e0dd 100644
--- a/packages/frontend/src/pages/admin/overview.active-users.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.active-users.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_active_users,
 	},
 	template: '<overview_active_users />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
index ed74ab698..d952ce3df 100644
--- a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_ap_requests,
 	},
 	template: '<overview_ap_requests />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.federation.stories.ts b/packages/frontend/src/pages/admin/overview.federation.stories.ts
index e3c6d7d64..c0bcca058 100644
--- a/packages/frontend/src/pages/admin/overview.federation.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.federation.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_federation,
 	},
 	template: '<overview_federation />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
index 106f78fb2..28fca24b4 100644
--- a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_heatmap,
 	},
 	template: '<overview_heatmap />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.instances.stories.ts b/packages/frontend/src/pages/admin/overview.instances.stories.ts
index 77830053d..71cce61bc 100644
--- a/packages/frontend/src/pages/admin/overview.instances.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.instances.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_instances,
 	},
 	template: '<overview_instances />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.moderators.stories.ts b/packages/frontend/src/pages/admin/overview.moderators.stories.ts
index 973b8e4a0..d617cc9c3 100644
--- a/packages/frontend/src/pages/admin/overview.moderators.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.moderators.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_moderators,
 	},
 	template: '<overview_moderators />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.pie.stories.ts b/packages/frontend/src/pages/admin/overview.pie.stories.ts
index 20dcddea6..f73defee9 100644
--- a/packages/frontend/src/pages/admin/overview.pie.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.pie.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_pie,
 	},
 	template: '<overview_pie />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
index 322588f29..cfcd04f3c 100644
--- a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_queue_chart,
 	},
 	template: '<overview_queue_chart />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.queue.stories.ts b/packages/frontend/src/pages/admin/overview.queue.stories.ts
index 4906cef13..f30978121 100644
--- a/packages/frontend/src/pages/admin/overview.queue.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.queue.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_queue,
 	},
 	template: '<overview_queue />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.retention.stories.ts b/packages/frontend/src/pages/admin/overview.retention.stories.ts
index 74157b991..b0bc4c72d 100644
--- a/packages/frontend/src/pages/admin/overview.retention.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.retention.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_retention,
 	},
 	template: '<overview_retention />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.stats.stories.ts b/packages/frontend/src/pages/admin/overview.stats.stories.ts
index 4042b7ae9..5bcefe2fc 100644
--- a/packages/frontend/src/pages/admin/overview.stats.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.stats.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_stats,
 	},
 	template: '<overview_stats />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.stories.ts b/packages/frontend/src/pages/admin/overview.stories.ts
index de78d77c2..676acc1ea 100644
--- a/packages/frontend/src/pages/admin/overview.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview,
 	},
 	template: '<overview />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.users.stories.ts b/packages/frontend/src/pages/admin/overview.users.stories.ts
index 05fb8e131..4c61a00bf 100644
--- a/packages/frontend/src/pages/admin/overview.users.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.users.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		overview_users,
 	},
 	template: '<overview_users />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/proxy-account.stories.ts b/packages/frontend/src/pages/admin/proxy-account.stories.ts
index 00a645b0e..6954a0f55 100644
--- a/packages/frontend/src/pages/admin/proxy-account.stories.ts
+++ b/packages/frontend/src/pages/admin/proxy-account.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		proxy_account,
 	},
 	template: '<proxy_account />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
index 0a853bd7f..13b63e7db 100644
--- a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		queue_chart_chart,
 	},
 	template: '<queue_chart_chart />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/queue.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.stories.ts
index e1523a1ca..8e66f8614 100644
--- a/packages/frontend/src/pages/admin/queue.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.chart.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		queue_chart,
 	},
 	template: '<queue_chart />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/queue.stories.ts b/packages/frontend/src/pages/admin/queue.stories.ts
index 7dd0ac799..6d2c06b48 100644
--- a/packages/frontend/src/pages/admin/queue.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		queue,
 	},
 	template: '<queue />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/relays.stories.ts b/packages/frontend/src/pages/admin/relays.stories.ts
index 2d7393832..c362cb7ca 100644
--- a/packages/frontend/src/pages/admin/relays.stories.ts
+++ b/packages/frontend/src/pages/admin/relays.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		relays,
 	},
 	template: '<relays />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.edit.stories.ts b/packages/frontend/src/pages/admin/roles.edit.stories.ts
index 7a17ea360..61fac4941 100644
--- a/packages/frontend/src/pages/admin/roles.edit.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.edit.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		roles_edit,
 	},
 	template: '<roles_edit />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.editor.stories.ts b/packages/frontend/src/pages/admin/roles.editor.stories.ts
index fdba287e0..34dac9a05 100644
--- a/packages/frontend/src/pages/admin/roles.editor.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.editor.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		roles_editor,
 	},
 	template: '<roles_editor />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.role.stories.ts b/packages/frontend/src/pages/admin/roles.role.stories.ts
index 6be5d3261..ec112af03 100644
--- a/packages/frontend/src/pages/admin/roles.role.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.role.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		roles_role,
 	},
 	template: '<roles_role />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.stories.ts b/packages/frontend/src/pages/admin/roles.stories.ts
index c2ec83cc7..c0d1fcd44 100644
--- a/packages/frontend/src/pages/admin/roles.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		roles,
 	},
 	template: '<roles />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/security.stories.ts b/packages/frontend/src/pages/admin/security.stories.ts
index be28e11f1..eacff6598 100644
--- a/packages/frontend/src/pages/admin/security.stories.ts
+++ b/packages/frontend/src/pages/admin/security.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		security,
 	},
 	template: '<security />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/settings.stories.ts b/packages/frontend/src/pages/admin/settings.stories.ts
index 1bba4ca65..c10325146 100644
--- a/packages/frontend/src/pages/admin/settings.stories.ts
+++ b/packages/frontend/src/pages/admin/settings.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		settings,
 	},
 	template: '<settings />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/admin/users.stories.ts b/packages/frontend/src/pages/admin/users.stories.ts
index 05949c87a..89769a35f 100644
--- a/packages/frontend/src/pages/admin/users.stories.ts
+++ b/packages/frontend/src/pages/admin/users.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		users,
 	},
 	template: '<users />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/ads.stories.ts b/packages/frontend/src/pages/ads.stories.ts
index 48891ca33..1fadb08a8 100644
--- a/packages/frontend/src/pages/ads.stories.ts
+++ b/packages/frontend/src/pages/ads.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		ads,
 	},
 	template: '<ads />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/announcements.stories.ts b/packages/frontend/src/pages/announcements.stories.ts
index 526d9ef0a..b5c708123 100644
--- a/packages/frontend/src/pages/announcements.stories.ts
+++ b/packages/frontend/src/pages/announcements.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		announcements,
 	},
 	template: '<announcements />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/antenna-timeline.stories.ts b/packages/frontend/src/pages/antenna-timeline.stories.ts
index 31e417bb2..142ddb786 100644
--- a/packages/frontend/src/pages/antenna-timeline.stories.ts
+++ b/packages/frontend/src/pages/antenna-timeline.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		antenna_timeline,
 	},
 	template: '<antenna_timeline />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/api-console.stories.ts b/packages/frontend/src/pages/api-console.stories.ts
index bf0fdc812..ab7032c88 100644
--- a/packages/frontend/src/pages/api-console.stories.ts
+++ b/packages/frontend/src/pages/api-console.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		api_console,
 	},
 	template: '<api_console />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/auth.form.stories.ts b/packages/frontend/src/pages/auth.form.stories.ts
index 041ad69a9..27b302a7e 100644
--- a/packages/frontend/src/pages/auth.form.stories.ts
+++ b/packages/frontend/src/pages/auth.form.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		auth_form,
 	},
 	template: '<auth_form />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/auth.stories.ts b/packages/frontend/src/pages/auth.stories.ts
index 2b78a3893..ed9715c21 100644
--- a/packages/frontend/src/pages/auth.stories.ts
+++ b/packages/frontend/src/pages/auth.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		auth,
 	},
 	template: '<auth />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/channel-editor.stories.ts b/packages/frontend/src/pages/channel-editor.stories.ts
index 7e383b18b..fadda3c39 100644
--- a/packages/frontend/src/pages/channel-editor.stories.ts
+++ b/packages/frontend/src/pages/channel-editor.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		channel_editor,
 	},
 	template: '<channel_editor />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/channel.stories.ts b/packages/frontend/src/pages/channel.stories.ts
index ba65e2c0a..d11385411 100644
--- a/packages/frontend/src/pages/channel.stories.ts
+++ b/packages/frontend/src/pages/channel.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		channel,
 	},
 	template: '<channel />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/channels.stories.ts b/packages/frontend/src/pages/channels.stories.ts
index cb77506fc..d17a5ab5a 100644
--- a/packages/frontend/src/pages/channels.stories.ts
+++ b/packages/frontend/src/pages/channels.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		channels,
 	},
 	template: '<channels />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/clicker.stories.ts b/packages/frontend/src/pages/clicker.stories.ts
index cbcd6bbd2..90b554eac 100644
--- a/packages/frontend/src/pages/clicker.stories.ts
+++ b/packages/frontend/src/pages/clicker.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		clicker,
 	},
 	template: '<clicker />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/clip.stories.ts b/packages/frontend/src/pages/clip.stories.ts
index d5532bd87..143543635 100644
--- a/packages/frontend/src/pages/clip.stories.ts
+++ b/packages/frontend/src/pages/clip.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		clip,
 	},
 	template: '<clip />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/custom-emojis-manager.stories.ts b/packages/frontend/src/pages/custom-emojis-manager.stories.ts
index 3b78a49aa..3aa362b7d 100644
--- a/packages/frontend/src/pages/custom-emojis-manager.stories.ts
+++ b/packages/frontend/src/pages/custom-emojis-manager.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		custom_emojis_manager,
 	},
 	template: '<custom_emojis_manager />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/drive.stories.ts b/packages/frontend/src/pages/drive.stories.ts
index 67f7392c3..199cbe10e 100644
--- a/packages/frontend/src/pages/drive.stories.ts
+++ b/packages/frontend/src/pages/drive.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		drive,
 	},
 	template: '<drive />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
index d56a69826..4ff245de1 100644
--- a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
+++ b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		emoji_edit_dialog,
 	},
 	template: '<emoji_edit_dialog />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/emojis.emoji.stories.ts b/packages/frontend/src/pages/emojis.emoji.stories.ts
index 54fa1569b..e0a7d8c85 100644
--- a/packages/frontend/src/pages/emojis.emoji.stories.ts
+++ b/packages/frontend/src/pages/emojis.emoji.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		emojis_emoji,
 	},
 	template: '<emojis_emoji />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/explore.featured.stories.ts b/packages/frontend/src/pages/explore.featured.stories.ts
index 1c44df570..9482aa0a1 100644
--- a/packages/frontend/src/pages/explore.featured.stories.ts
+++ b/packages/frontend/src/pages/explore.featured.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		explore_featured,
 	},
 	template: '<explore_featured />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/explore.roles.stories.ts b/packages/frontend/src/pages/explore.roles.stories.ts
index 0039f0f6c..bcf5c0fdb 100644
--- a/packages/frontend/src/pages/explore.roles.stories.ts
+++ b/packages/frontend/src/pages/explore.roles.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		explore_roles,
 	},
 	template: '<explore_roles />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/explore.stories.ts b/packages/frontend/src/pages/explore.stories.ts
index b90e60924..b42265a8b 100644
--- a/packages/frontend/src/pages/explore.stories.ts
+++ b/packages/frontend/src/pages/explore.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		explore,
 	},
 	template: '<explore />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/explore.users.stories.ts b/packages/frontend/src/pages/explore.users.stories.ts
index c50ff656e..0b62e4458 100644
--- a/packages/frontend/src/pages/explore.users.stories.ts
+++ b/packages/frontend/src/pages/explore.users.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		explore_users,
 	},
 	template: '<explore_users />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/favorites.stories.ts b/packages/frontend/src/pages/favorites.stories.ts
index 102fc0f14..959cd9633 100644
--- a/packages/frontend/src/pages/favorites.stories.ts
+++ b/packages/frontend/src/pages/favorites.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		favorites,
 	},
 	template: '<favorites />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/flash/flash-edit.stories.ts b/packages/frontend/src/pages/flash/flash-edit.stories.ts
index eabf25fb7..1eb559bd4 100644
--- a/packages/frontend/src/pages/flash/flash-edit.stories.ts
+++ b/packages/frontend/src/pages/flash/flash-edit.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		flash_edit,
 	},
 	template: '<flash_edit />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/flash/flash-index.stories.ts b/packages/frontend/src/pages/flash/flash-index.stories.ts
index 93cfd5ce7..1d10f2f3f 100644
--- a/packages/frontend/src/pages/flash/flash-index.stories.ts
+++ b/packages/frontend/src/pages/flash/flash-index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		flash_index,
 	},
 	template: '<flash_index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/flash/flash.stories.ts b/packages/frontend/src/pages/flash/flash.stories.ts
index 0b4090aa5..b987a06b9 100644
--- a/packages/frontend/src/pages/flash/flash.stories.ts
+++ b/packages/frontend/src/pages/flash/flash.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		flash,
 	},
 	template: '<flash />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/follow-requests.stories.ts b/packages/frontend/src/pages/follow-requests.stories.ts
index c7def2cbd..5f9462106 100644
--- a/packages/frontend/src/pages/follow-requests.stories.ts
+++ b/packages/frontend/src/pages/follow-requests.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		follow_requests,
 	},
 	template: '<follow_requests />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/follow.stories.ts b/packages/frontend/src/pages/follow.stories.ts
index c669570b7..73b487bc3 100644
--- a/packages/frontend/src/pages/follow.stories.ts
+++ b/packages/frontend/src/pages/follow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		follow,
 	},
 	template: '<follow />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/edit.stories.ts b/packages/frontend/src/pages/gallery/edit.stories.ts
index a7730e833..80b8f4341 100644
--- a/packages/frontend/src/pages/gallery/edit.stories.ts
+++ b/packages/frontend/src/pages/gallery/edit.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		edit,
 	},
 	template: '<edit />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/index.stories.ts b/packages/frontend/src/pages/gallery/index.stories.ts
index c90f66f3e..a97c4f543 100644
--- a/packages/frontend/src/pages/gallery/index.stories.ts
+++ b/packages/frontend/src/pages/gallery/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/post.stories.ts b/packages/frontend/src/pages/gallery/post.stories.ts
index 2828dbba9..a836bb0f8 100644
--- a/packages/frontend/src/pages/gallery/post.stories.ts
+++ b/packages/frontend/src/pages/gallery/post.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		post,
 	},
 	template: '<post />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/instance-info.stories.ts b/packages/frontend/src/pages/instance-info.stories.ts
index 43ccada6b..e4ce20788 100644
--- a/packages/frontend/src/pages/instance-info.stories.ts
+++ b/packages/frontend/src/pages/instance-info.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		instance_info,
 	},
 	template: '<instance_info />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/miauth.stories.ts b/packages/frontend/src/pages/miauth.stories.ts
index e31d43a38..b70ba3923 100644
--- a/packages/frontend/src/pages/miauth.stories.ts
+++ b/packages/frontend/src/pages/miauth.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		miauth,
 	},
 	template: '<miauth />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/create.stories.ts b/packages/frontend/src/pages/my-antennas/create.stories.ts
index 58ebf35d8..d71aa1206 100644
--- a/packages/frontend/src/pages/my-antennas/create.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/create.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		create,
 	},
 	template: '<create />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/edit.stories.ts b/packages/frontend/src/pages/my-antennas/edit.stories.ts
index 05631ad89..ebb9e5420 100644
--- a/packages/frontend/src/pages/my-antennas/edit.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/edit.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		edit,
 	},
 	template: '<edit />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/editor.stories.ts b/packages/frontend/src/pages/my-antennas/editor.stories.ts
index 5ffcc6a3d..1edb29e80 100644
--- a/packages/frontend/src/pages/my-antennas/editor.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/editor.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		editor,
 	},
 	template: '<editor />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/index.stories.ts b/packages/frontend/src/pages/my-antennas/index.stories.ts
index 0d3579c80..65af62c76 100644
--- a/packages/frontend/src/pages/my-antennas/index.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/my-clips/index.stories.ts b/packages/frontend/src/pages/my-clips/index.stories.ts
index 848ff2ed7..462550998 100644
--- a/packages/frontend/src/pages/my-clips/index.stories.ts
+++ b/packages/frontend/src/pages/my-clips/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/my-lists/index.stories.ts b/packages/frontend/src/pages/my-lists/index.stories.ts
index 417cf3979..eae8dbeb6 100644
--- a/packages/frontend/src/pages/my-lists/index.stories.ts
+++ b/packages/frontend/src/pages/my-lists/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/my-lists/list.stories.ts b/packages/frontend/src/pages/my-lists/list.stories.ts
index b961d3583..05a306a3f 100644
--- a/packages/frontend/src/pages/my-lists/list.stories.ts
+++ b/packages/frontend/src/pages/my-lists/list.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		list,
 	},
 	template: '<list />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/not-found.stories.ts b/packages/frontend/src/pages/not-found.stories.ts
index a7f237b53..1d84261fe 100644
--- a/packages/frontend/src/pages/not-found.stories.ts
+++ b/packages/frontend/src/pages/not-found.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		not_found,
 	},
 	template: '<not_found />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/note.stories.ts b/packages/frontend/src/pages/note.stories.ts
index 6e32a5594..e4703e3bb 100644
--- a/packages/frontend/src/pages/note.stories.ts
+++ b/packages/frontend/src/pages/note.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		note,
 	},
 	template: '<note />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/notifications.stories.ts b/packages/frontend/src/pages/notifications.stories.ts
index b406e08fe..2181b94eb 100644
--- a/packages/frontend/src/pages/notifications.stories.ts
+++ b/packages/frontend/src/pages/notifications.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		notifications,
 	},
 	template: '<notifications />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
index 420dbf528..4811d07ed 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_editor_el_image,
 	},
 	template: '<page_editor_el_image />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
index 7a5f6fc3f..0293c4ca4 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_editor_el_note,
 	},
 	template: '<page_editor_el_note />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
index 51be8d07d..a0c062b67 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_editor_el_section,
 	},
 	template: '<page_editor_el_section />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
index b6dc3a76e..46c8d3ddf 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_editor_el_text,
 	},
 	template: '<page_editor_el_text />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
index ddfc0a3f4..965c615ba 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_editor_blocks,
 	},
 	template: '<page_editor_blocks />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
index 35aeb5747..0d044d7f6 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_editor_container,
 	},
 	template: '<page_editor_container />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/page-editor.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.stories.ts
index be9c62c03..e0d0f5b3d 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page_editor,
 	},
 	template: '<page_editor />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/page.stories.ts b/packages/frontend/src/pages/page.stories.ts
index b2d9e5a82..08358f2ba 100644
--- a/packages/frontend/src/pages/page.stories.ts
+++ b/packages/frontend/src/pages/page.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		page,
 	},
 	template: '<page />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/pages.stories.ts b/packages/frontend/src/pages/pages.stories.ts
index 0b540f5c2..f6ac1d456 100644
--- a/packages/frontend/src/pages/pages.stories.ts
+++ b/packages/frontend/src/pages/pages.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		pages,
 	},
 	template: '<pages />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/preview.stories.ts b/packages/frontend/src/pages/preview.stories.ts
index 57e3d29a1..60cc026f6 100644
--- a/packages/frontend/src/pages/preview.stories.ts
+++ b/packages/frontend/src/pages/preview.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		preview,
 	},
 	template: '<preview />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/registry.keys.stories.ts b/packages/frontend/src/pages/registry.keys.stories.ts
index 436de31ed..1a1ec5216 100644
--- a/packages/frontend/src/pages/registry.keys.stories.ts
+++ b/packages/frontend/src/pages/registry.keys.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		registry_keys,
 	},
 	template: '<registry_keys />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/registry.stories.ts b/packages/frontend/src/pages/registry.stories.ts
index 09e2193ad..846d75cc8 100644
--- a/packages/frontend/src/pages/registry.stories.ts
+++ b/packages/frontend/src/pages/registry.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		registry,
 	},
 	template: '<registry />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/registry.value.stories.ts b/packages/frontend/src/pages/registry.value.stories.ts
index 667ddab8d..798c77d71 100644
--- a/packages/frontend/src/pages/registry.value.stories.ts
+++ b/packages/frontend/src/pages/registry.value.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		registry_value,
 	},
 	template: '<registry_value />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/reset-password.stories.ts b/packages/frontend/src/pages/reset-password.stories.ts
index cc8fd62bc..6cab23af5 100644
--- a/packages/frontend/src/pages/reset-password.stories.ts
+++ b/packages/frontend/src/pages/reset-password.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		reset_password,
 	},
 	template: '<reset_password />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/role.stories.ts b/packages/frontend/src/pages/role.stories.ts
index 4c116a524..2ec6bde65 100644
--- a/packages/frontend/src/pages/role.stories.ts
+++ b/packages/frontend/src/pages/role.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		role,
 	},
 	template: '<role />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/scratchpad.stories.ts b/packages/frontend/src/pages/scratchpad.stories.ts
index 28a03c018..369df43de 100644
--- a/packages/frontend/src/pages/scratchpad.stories.ts
+++ b/packages/frontend/src/pages/scratchpad.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		scratchpad,
 	},
 	template: '<scratchpad />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/search.stories.ts b/packages/frontend/src/pages/search.stories.ts
index 01e77fb54..845abb92b 100644
--- a/packages/frontend/src/pages/search.stories.ts
+++ b/packages/frontend/src/pages/search.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		search,
 	},
 	template: '<search />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
index 2d7f50c1b..cc5c3311f 100644
--- a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
+++ b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		_2fa_qrdialog,
 	},
 	template: '<_2fa_qrdialog />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/2fa.stories.ts b/packages/frontend/src/pages/settings/2fa.stories.ts
index 5543b4026..3b77f4cef 100644
--- a/packages/frontend/src/pages/settings/2fa.stories.ts
+++ b/packages/frontend/src/pages/settings/2fa.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		_2fa,
 	},
 	template: '<_2fa />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/account-info.stories.ts b/packages/frontend/src/pages/settings/account-info.stories.ts
index 79b43f9ef..ed43fd46a 100644
--- a/packages/frontend/src/pages/settings/account-info.stories.ts
+++ b/packages/frontend/src/pages/settings/account-info.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		account_info,
 	},
 	template: '<account_info />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/accounts.stories.ts b/packages/frontend/src/pages/settings/accounts.stories.ts
index e48f7885a..4ffa1ae4c 100644
--- a/packages/frontend/src/pages/settings/accounts.stories.ts
+++ b/packages/frontend/src/pages/settings/accounts.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		accounts,
 	},
 	template: '<accounts />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/api.stories.ts b/packages/frontend/src/pages/settings/api.stories.ts
index c9469cf89..3695e9dfe 100644
--- a/packages/frontend/src/pages/settings/api.stories.ts
+++ b/packages/frontend/src/pages/settings/api.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		api,
 	},
 	template: '<api />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/apps.stories.ts b/packages/frontend/src/pages/settings/apps.stories.ts
index 7b14e4fc1..e9820cd3e 100644
--- a/packages/frontend/src/pages/settings/apps.stories.ts
+++ b/packages/frontend/src/pages/settings/apps.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		apps,
 	},
 	template: '<apps />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/custom-css.stories.ts b/packages/frontend/src/pages/settings/custom-css.stories.ts
index 60f876ecd..821ff4bf5 100644
--- a/packages/frontend/src/pages/settings/custom-css.stories.ts
+++ b/packages/frontend/src/pages/settings/custom-css.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		custom_css,
 	},
 	template: '<custom_css />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/deck.stories.ts b/packages/frontend/src/pages/settings/deck.stories.ts
index d030d01bd..7ee4159f8 100644
--- a/packages/frontend/src/pages/settings/deck.stories.ts
+++ b/packages/frontend/src/pages/settings/deck.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		deck,
 	},
 	template: '<deck />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/delete-account.stories.ts b/packages/frontend/src/pages/settings/delete-account.stories.ts
index 5f56fb768..d29068dad 100644
--- a/packages/frontend/src/pages/settings/delete-account.stories.ts
+++ b/packages/frontend/src/pages/settings/delete-account.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		delete_account,
 	},
 	template: '<delete_account />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/drive.stories.ts b/packages/frontend/src/pages/settings/drive.stories.ts
index c9ab0b484..cf65d1819 100644
--- a/packages/frontend/src/pages/settings/drive.stories.ts
+++ b/packages/frontend/src/pages/settings/drive.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		drive,
 	},
 	template: '<drive />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/email.stories.ts b/packages/frontend/src/pages/settings/email.stories.ts
index 24c490aa4..1adeb9613 100644
--- a/packages/frontend/src/pages/settings/email.stories.ts
+++ b/packages/frontend/src/pages/settings/email.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		email,
 	},
 	template: '<email />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/general.stories.ts b/packages/frontend/src/pages/settings/general.stories.ts
index 1a07b8bf5..579f509f2 100644
--- a/packages/frontend/src/pages/settings/general.stories.ts
+++ b/packages/frontend/src/pages/settings/general.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		general,
 	},
 	template: '<general />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/import-export.stories.ts b/packages/frontend/src/pages/settings/import-export.stories.ts
index 75ad8eb1b..967ed5459 100644
--- a/packages/frontend/src/pages/settings/import-export.stories.ts
+++ b/packages/frontend/src/pages/settings/import-export.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		import_export,
 	},
 	template: '<import_export />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/index.stories.ts b/packages/frontend/src/pages/settings/index.stories.ts
index 73d7cdbbb..2d9a2ec86 100644
--- a/packages/frontend/src/pages/settings/index.stories.ts
+++ b/packages/frontend/src/pages/settings/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/instance-mute.stories.ts b/packages/frontend/src/pages/settings/instance-mute.stories.ts
index c0ef252cc..a9195df21 100644
--- a/packages/frontend/src/pages/settings/instance-mute.stories.ts
+++ b/packages/frontend/src/pages/settings/instance-mute.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		instance_mute,
 	},
 	template: '<instance_mute />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/mute-block.stories.ts b/packages/frontend/src/pages/settings/mute-block.stories.ts
index 9001b8960..297ba1bdf 100644
--- a/packages/frontend/src/pages/settings/mute-block.stories.ts
+++ b/packages/frontend/src/pages/settings/mute-block.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		mute_block,
 	},
 	template: '<mute_block />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/navbar.stories.ts b/packages/frontend/src/pages/settings/navbar.stories.ts
index dc3ff66f8..0d5427af5 100644
--- a/packages/frontend/src/pages/settings/navbar.stories.ts
+++ b/packages/frontend/src/pages/settings/navbar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		navbar,
 	},
 	template: '<navbar />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/notifications.stories.ts b/packages/frontend/src/pages/settings/notifications.stories.ts
index 95c82da4c..2d896a5cd 100644
--- a/packages/frontend/src/pages/settings/notifications.stories.ts
+++ b/packages/frontend/src/pages/settings/notifications.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		notifications,
 	},
 	template: '<notifications />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/other.stories.ts b/packages/frontend/src/pages/settings/other.stories.ts
index dd71d857a..4158413e9 100644
--- a/packages/frontend/src/pages/settings/other.stories.ts
+++ b/packages/frontend/src/pages/settings/other.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		other,
 	},
 	template: '<other />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/plugin.install.stories.ts b/packages/frontend/src/pages/settings/plugin.install.stories.ts
index 851bc85a8..aeee457f2 100644
--- a/packages/frontend/src/pages/settings/plugin.install.stories.ts
+++ b/packages/frontend/src/pages/settings/plugin.install.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		plugin_install,
 	},
 	template: '<plugin_install />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/plugin.stories.ts b/packages/frontend/src/pages/settings/plugin.stories.ts
index b6e6dbe27..e5ab35cc0 100644
--- a/packages/frontend/src/pages/settings/plugin.stories.ts
+++ b/packages/frontend/src/pages/settings/plugin.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		plugin,
 	},
 	template: '<plugin />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/preferences-backups.stories.ts b/packages/frontend/src/pages/settings/preferences-backups.stories.ts
index 69921e6e8..766dbd140 100644
--- a/packages/frontend/src/pages/settings/preferences-backups.stories.ts
+++ b/packages/frontend/src/pages/settings/preferences-backups.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		preferences_backups,
 	},
 	template: '<preferences_backups />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/privacy.stories.ts b/packages/frontend/src/pages/settings/privacy.stories.ts
index 69e08eef7..d86269e6d 100644
--- a/packages/frontend/src/pages/settings/privacy.stories.ts
+++ b/packages/frontend/src/pages/settings/privacy.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		privacy,
 	},
 	template: '<privacy />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/profile.stories.ts b/packages/frontend/src/pages/settings/profile.stories.ts
index 96d5c54dc..b33bd355f 100644
--- a/packages/frontend/src/pages/settings/profile.stories.ts
+++ b/packages/frontend/src/pages/settings/profile.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		profile,
 	},
 	template: '<profile />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/reaction.stories.ts b/packages/frontend/src/pages/settings/reaction.stories.ts
index 48ef720ed..331b6fedd 100644
--- a/packages/frontend/src/pages/settings/reaction.stories.ts
+++ b/packages/frontend/src/pages/settings/reaction.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		reaction,
 	},
 	template: '<reaction />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/roles.stories.ts b/packages/frontend/src/pages/settings/roles.stories.ts
index 5b4e577ab..7b6da5bae 100644
--- a/packages/frontend/src/pages/settings/roles.stories.ts
+++ b/packages/frontend/src/pages/settings/roles.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		roles,
 	},
 	template: '<roles />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/security.stories.ts b/packages/frontend/src/pages/settings/security.stories.ts
index 7d8aa1870..b8209f45d 100644
--- a/packages/frontend/src/pages/settings/security.stories.ts
+++ b/packages/frontend/src/pages/settings/security.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		security,
 	},
 	template: '<security />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/sounds.sound.stories.ts b/packages/frontend/src/pages/settings/sounds.sound.stories.ts
index 4302450ff..dd9f6e8a9 100644
--- a/packages/frontend/src/pages/settings/sounds.sound.stories.ts
+++ b/packages/frontend/src/pages/settings/sounds.sound.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		sounds_sound,
 	},
 	template: '<sounds_sound />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/sounds.stories.ts b/packages/frontend/src/pages/settings/sounds.stories.ts
index 1be4c325c..ed8a8c139 100644
--- a/packages/frontend/src/pages/settings/sounds.stories.ts
+++ b/packages/frontend/src/pages/settings/sounds.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		sounds,
 	},
 	template: '<sounds />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
index 83e18810c..05dbbae79 100644
--- a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
+++ b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		statusbar_statusbar,
 	},
 	template: '<statusbar_statusbar />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.stories.ts
index 40b8a468e..19be758d9 100644
--- a/packages/frontend/src/pages/settings/statusbar.stories.ts
+++ b/packages/frontend/src/pages/settings/statusbar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		statusbar,
 	},
 	template: '<statusbar />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/theme.install.stories.ts b/packages/frontend/src/pages/settings/theme.install.stories.ts
index 0fc3e81fc..55f8ffe3b 100644
--- a/packages/frontend/src/pages/settings/theme.install.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.install.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		theme_install,
 	},
 	template: '<theme_install />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/theme.manage.stories.ts b/packages/frontend/src/pages/settings/theme.manage.stories.ts
index ea163f7c3..4a4e4dc6e 100644
--- a/packages/frontend/src/pages/settings/theme.manage.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.manage.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		theme_manage,
 	},
 	template: '<theme_manage />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/theme.stories.ts b/packages/frontend/src/pages/settings/theme.stories.ts
index 9a8e9a9dd..68093e90b 100644
--- a/packages/frontend/src/pages/settings/theme.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		theme,
 	},
 	template: '<theme />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/webhook.edit.stories.ts b/packages/frontend/src/pages/settings/webhook.edit.stories.ts
index 932d9f4b7..67d2a4fd8 100644
--- a/packages/frontend/src/pages/settings/webhook.edit.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.edit.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		webhook_edit,
 	},
 	template: '<webhook_edit />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/webhook.new.stories.ts b/packages/frontend/src/pages/settings/webhook.new.stories.ts
index bbd081c58..fbc9e52c6 100644
--- a/packages/frontend/src/pages/settings/webhook.new.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.new.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		webhook_new,
 	},
 	template: '<webhook_new />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/webhook.stories.ts b/packages/frontend/src/pages/settings/webhook.stories.ts
index 644b50985..838e9390a 100644
--- a/packages/frontend/src/pages/settings/webhook.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		webhook,
 	},
 	template: '<webhook />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/settings/word-mute.stories.ts b/packages/frontend/src/pages/settings/word-mute.stories.ts
index 0fd4012c9..1faff2b69 100644
--- a/packages/frontend/src/pages/settings/word-mute.stories.ts
+++ b/packages/frontend/src/pages/settings/word-mute.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		word_mute,
 	},
 	template: '<word_mute />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/share.stories.ts b/packages/frontend/src/pages/share.stories.ts
index 529d1373c..ff2365051 100644
--- a/packages/frontend/src/pages/share.stories.ts
+++ b/packages/frontend/src/pages/share.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		share,
 	},
 	template: '<share />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/signup-complete.stories.ts b/packages/frontend/src/pages/signup-complete.stories.ts
index 32b1aaa25..9349f6229 100644
--- a/packages/frontend/src/pages/signup-complete.stories.ts
+++ b/packages/frontend/src/pages/signup-complete.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		signup_complete,
 	},
 	template: '<signup_complete />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/tag.stories.ts b/packages/frontend/src/pages/tag.stories.ts
index 6ea6912ae..7742ca1b1 100644
--- a/packages/frontend/src/pages/tag.stories.ts
+++ b/packages/frontend/src/pages/tag.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		tag,
 	},
 	template: '<tag />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/theme-editor.stories.ts b/packages/frontend/src/pages/theme-editor.stories.ts
index a50638236..300a3313d 100644
--- a/packages/frontend/src/pages/theme-editor.stories.ts
+++ b/packages/frontend/src/pages/theme-editor.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		theme_editor,
 	},
 	template: '<theme_editor />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/timeline.stories.ts b/packages/frontend/src/pages/timeline.stories.ts
index 2bef61f61..5de5a151b 100644
--- a/packages/frontend/src/pages/timeline.stories.ts
+++ b/packages/frontend/src/pages/timeline.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		timeline,
 	},
 	template: '<timeline />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/timeline.tutorial.stories.ts b/packages/frontend/src/pages/timeline.tutorial.stories.ts
index 97f2bcfe4..591039580 100644
--- a/packages/frontend/src/pages/timeline.tutorial.stories.ts
+++ b/packages/frontend/src/pages/timeline.tutorial.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		timeline_tutorial,
 	},
 	template: '<timeline_tutorial />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user-info.stories.ts b/packages/frontend/src/pages/user-info.stories.ts
index e4c45fcfe..21053a220 100644
--- a/packages/frontend/src/pages/user-info.stories.ts
+++ b/packages/frontend/src/pages/user-info.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		user_info,
 	},
 	template: '<user_info />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user-list-timeline.stories.ts b/packages/frontend/src/pages/user-list-timeline.stories.ts
index 9750e3ef7..f951573f7 100644
--- a/packages/frontend/src/pages/user-list-timeline.stories.ts
+++ b/packages/frontend/src/pages/user-list-timeline.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		user_list_timeline,
 	},
 	template: '<user_list_timeline />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user-tag.stories.ts b/packages/frontend/src/pages/user-tag.stories.ts
index 9054c27c3..6757c4821 100644
--- a/packages/frontend/src/pages/user-tag.stories.ts
+++ b/packages/frontend/src/pages/user-tag.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		user_tag,
 	},
 	template: '<user_tag />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/achievements.stories.ts b/packages/frontend/src/pages/user/achievements.stories.ts
index 796a7e7bd..808fc7daa 100644
--- a/packages/frontend/src/pages/user/achievements.stories.ts
+++ b/packages/frontend/src/pages/user/achievements.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		achievements,
 	},
 	template: '<achievements />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.following.stories.ts b/packages/frontend/src/pages/user/activity.following.stories.ts
index ce54eae0d..31183e5fc 100644
--- a/packages/frontend/src/pages/user/activity.following.stories.ts
+++ b/packages/frontend/src/pages/user/activity.following.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		activity_following,
 	},
 	template: '<activity_following />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.following.vue b/packages/frontend/src/pages/user/activity.following.vue
index 54360024f..25a1edaca 100644
--- a/packages/frontend/src/pages/user/activity.following.vue
+++ b/packages/frontend/src/pages/user/activity.following.vue
@@ -77,7 +77,7 @@ async function renderChart() {
 			barPercentage: 0.7,
 			categoryPercentage: 0.7,
 			fill: true,
-		} satisfies ChartDataset, extra);
+		}, extra);
 	}
 
 	chartInstance = new Chart(chartEl, {
diff --git a/packages/frontend/src/pages/user/activity.heatmap.stories.ts b/packages/frontend/src/pages/user/activity.heatmap.stories.ts
index 42609d780..3421de0ec 100644
--- a/packages/frontend/src/pages/user/activity.heatmap.stories.ts
+++ b/packages/frontend/src/pages/user/activity.heatmap.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		activity_heatmap,
 	},
 	template: '<activity_heatmap />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.notes.stories.ts b/packages/frontend/src/pages/user/activity.notes.stories.ts
index 7e36c3e09..abb31c270 100644
--- a/packages/frontend/src/pages/user/activity.notes.stories.ts
+++ b/packages/frontend/src/pages/user/activity.notes.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		activity_notes,
 	},
 	template: '<activity_notes />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.notes.vue b/packages/frontend/src/pages/user/activity.notes.vue
index 7dd02ad6d..63e1c76e0 100644
--- a/packages/frontend/src/pages/user/activity.notes.vue
+++ b/packages/frontend/src/pages/user/activity.notes.vue
@@ -76,7 +76,7 @@ async function renderChart() {
 			borderRadius: 4,
 			barPercentage: 0.9,
 			fill: true,
-		} satisfies ChartDataset, extra);
+		}, extra);
 	}
 
 	chartInstance = new Chart(chartEl, {
diff --git a/packages/frontend/src/pages/user/activity.pv.stories.ts b/packages/frontend/src/pages/user/activity.pv.stories.ts
index c28ff429f..2fb5ac33e 100644
--- a/packages/frontend/src/pages/user/activity.pv.stories.ts
+++ b/packages/frontend/src/pages/user/activity.pv.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		activity_pv,
 	},
 	template: '<activity_pv />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.pv.vue b/packages/frontend/src/pages/user/activity.pv.vue
index 6a7506e38..1be495f41 100644
--- a/packages/frontend/src/pages/user/activity.pv.vue
+++ b/packages/frontend/src/pages/user/activity.pv.vue
@@ -77,7 +77,7 @@ async function renderChart() {
 			barPercentage: 0.7,
 			categoryPercentage: 0.7,
 			fill: true,
-		} satisfies ChartDataset, extra);
+		}, extra);
 	}
 
 	chartInstance = new Chart(chartEl, {
diff --git a/packages/frontend/src/pages/user/activity.stories.ts b/packages/frontend/src/pages/user/activity.stories.ts
index e457e406c..8984f08ed 100644
--- a/packages/frontend/src/pages/user/activity.stories.ts
+++ b/packages/frontend/src/pages/user/activity.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		activity,
 	},
 	template: '<activity />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/clips.stories.ts b/packages/frontend/src/pages/user/clips.stories.ts
index 78cc1d08e..629639509 100644
--- a/packages/frontend/src/pages/user/clips.stories.ts
+++ b/packages/frontend/src/pages/user/clips.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		clips,
 	},
 	template: '<clips />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/follow-list.stories.ts b/packages/frontend/src/pages/user/follow-list.stories.ts
index 3f915228f..1f02dc218 100644
--- a/packages/frontend/src/pages/user/follow-list.stories.ts
+++ b/packages/frontend/src/pages/user/follow-list.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		follow_list,
 	},
 	template: '<follow_list />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/followers.stories.ts b/packages/frontend/src/pages/user/followers.stories.ts
index 2e320bcf5..af816cf53 100644
--- a/packages/frontend/src/pages/user/followers.stories.ts
+++ b/packages/frontend/src/pages/user/followers.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		followers,
 	},
 	template: '<followers />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/following.stories.ts b/packages/frontend/src/pages/user/following.stories.ts
index 28cc1a5a9..49eda2b16 100644
--- a/packages/frontend/src/pages/user/following.stories.ts
+++ b/packages/frontend/src/pages/user/following.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		following,
 	},
 	template: '<following />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/gallery.stories.ts b/packages/frontend/src/pages/user/gallery.stories.ts
index a245283b6..be6dc8fd1 100644
--- a/packages/frontend/src/pages/user/gallery.stories.ts
+++ b/packages/frontend/src/pages/user/gallery.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		gallery,
 	},
 	template: '<gallery />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/home.stories.ts b/packages/frontend/src/pages/user/home.stories.ts
index b960a6923..d829dd447 100644
--- a/packages/frontend/src/pages/user/home.stories.ts
+++ b/packages/frontend/src/pages/user/home.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		home,
 	},
 	template: '<home />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.activity.stories.ts b/packages/frontend/src/pages/user/index.activity.stories.ts
index 8739405b1..c5ccc22ee 100644
--- a/packages/frontend/src/pages/user/index.activity.stories.ts
+++ b/packages/frontend/src/pages/user/index.activity.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index_activity,
 	},
 	template: '<index_activity />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.photos.stories.ts b/packages/frontend/src/pages/user/index.photos.stories.ts
index 1457d03ca..b8a1aa971 100644
--- a/packages/frontend/src/pages/user/index.photos.stories.ts
+++ b/packages/frontend/src/pages/user/index.photos.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index_photos,
 	},
 	template: '<index_photos />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.stories.ts b/packages/frontend/src/pages/user/index.stories.ts
index e08cb6d6c..becab310e 100644
--- a/packages/frontend/src/pages/user/index.stories.ts
+++ b/packages/frontend/src/pages/user/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.timeline.stories.ts b/packages/frontend/src/pages/user/index.timeline.stories.ts
index e22b0ba9d..1bb327d7b 100644
--- a/packages/frontend/src/pages/user/index.timeline.stories.ts
+++ b/packages/frontend/src/pages/user/index.timeline.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index_timeline,
 	},
 	template: '<index_timeline />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/pages.stories.ts b/packages/frontend/src/pages/user/pages.stories.ts
index 68bc0f647..8f94478f4 100644
--- a/packages/frontend/src/pages/user/pages.stories.ts
+++ b/packages/frontend/src/pages/user/pages.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		pages,
 	},
 	template: '<pages />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/user/reactions.stories.ts b/packages/frontend/src/pages/user/reactions.stories.ts
index 0528e98b5..9c16da888 100644
--- a/packages/frontend/src/pages/user/reactions.stories.ts
+++ b/packages/frontend/src/pages/user/reactions.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		reactions,
 	},
 	template: '<reactions />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.entrance.a.stories.ts b/packages/frontend/src/pages/welcome.entrance.a.stories.ts
index 81a558152..390c763cf 100644
--- a/packages/frontend/src/pages/welcome.entrance.a.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.a.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		welcome_entrance_a,
 	},
 	template: '<welcome_entrance_a />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.entrance.b.stories.ts b/packages/frontend/src/pages/welcome.entrance.b.stories.ts
index ce78d2758..530708830 100644
--- a/packages/frontend/src/pages/welcome.entrance.b.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.b.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		welcome_entrance_b,
 	},
 	template: '<welcome_entrance_b />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.entrance.c.stories.ts b/packages/frontend/src/pages/welcome.entrance.c.stories.ts
index c9574fbd2..53a1a93d4 100644
--- a/packages/frontend/src/pages/welcome.entrance.c.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.c.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		welcome_entrance_c,
 	},
 	template: '<welcome_entrance_c />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.setup.stories.ts b/packages/frontend/src/pages/welcome.setup.stories.ts
index d47ceee59..1e755e809 100644
--- a/packages/frontend/src/pages/welcome.setup.stories.ts
+++ b/packages/frontend/src/pages/welcome.setup.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		welcome_setup,
 	},
 	template: '<welcome_setup />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.stories.ts b/packages/frontend/src/pages/welcome.stories.ts
index 3001f9570..30c0f1ee2 100644
--- a/packages/frontend/src/pages/welcome.stories.ts
+++ b/packages/frontend/src/pages/welcome.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		welcome,
 	},
 	template: '<welcome />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.timeline.stories.ts b/packages/frontend/src/pages/welcome.timeline.stories.ts
index f7bc3c577..7492893a0 100644
--- a/packages/frontend/src/pages/welcome.timeline.stories.ts
+++ b/packages/frontend/src/pages/welcome.timeline.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		welcome_timeline,
 	},
 	template: '<welcome_timeline />',
+	parameters: {
+		layout: 'fullscreen',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/scripts/achievements.ts b/packages/frontend/src/scripts/achievements.ts
index c77f8e12d..c93e96859 100644
--- a/packages/frontend/src/scripts/achievements.ts
+++ b/packages/frontend/src/scripts/achievements.ts
@@ -443,11 +443,13 @@ export const ACHIEVEMENT_BADGES = {
 		bg: 'linear-gradient(0deg, rgb(144, 224, 255), rgb(255, 168, 252))',
 		frame: 'bronze',
 	},
+/*
 } as const satisfies Record<typeof ACHIEVEMENT_TYPES[number], {
 	img: string;
 	bg: string | null;
 	frame: 'bronze' | 'silver' | 'gold' | 'platinum';
 }>;
+ */ } as const;
 
 export const claimedAchievements: typeof ACHIEVEMENT_TYPES[number][] = ($i && $i.achievements) ? $i.achievements.map(x => x.name) : [];
 
diff --git a/packages/frontend/src/scripts/i18n.ts b/packages/frontend/src/scripts/i18n.ts
index 54184386d..9235a67e2 100644
--- a/packages/frontend/src/scripts/i18n.ts
+++ b/packages/frontend/src/scripts/i18n.ts
@@ -3,6 +3,7 @@ export class I18n<T extends Record<string, any>> {
 
 	constructor(locale: T) {
 		this.ts = locale;
+		console.log(this);
 
 		//#region BIND
 		this.t = this.t.bind(this);
diff --git a/packages/frontend/src/ui/_common_/common.stories.ts b/packages/frontend/src/ui/_common_/common.stories.ts
index 97d91f978..ec37ad665 100644
--- a/packages/frontend/src/ui/_common_/common.stories.ts
+++ b/packages/frontend/src/ui/_common_/common.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		common,
 	},
 	template: '<common />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
index b3e3e54eb..e06a66db7 100644
--- a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
+++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		navbar_for_mobile,
 	},
 	template: '<navbar_for_mobile />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/navbar.stories.ts b/packages/frontend/src/ui/_common_/navbar.stories.ts
index a04c1831e..a8570942d 100644
--- a/packages/frontend/src/ui/_common_/navbar.stories.ts
+++ b/packages/frontend/src/ui/_common_/navbar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		navbar,
 	},
 	template: '<navbar />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/notification.stories.ts b/packages/frontend/src/ui/_common_/notification.stories.ts
index f77b1786b..6463aaa0f 100644
--- a/packages/frontend/src/ui/_common_/notification.stories.ts
+++ b/packages/frontend/src/ui/_common_/notification.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		notification,
 	},
 	template: '<notification />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
index c23271862..4930084fe 100644
--- a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		statusbar_federation,
 	},
 	template: '<statusbar_federation />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
index bc6e39c7b..0b3d8b8d1 100644
--- a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		statusbar_rss,
 	},
 	template: '<statusbar_rss />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
index c051f20e1..1a803671f 100644
--- a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		statusbar_user_list,
 	},
 	template: '<statusbar_user_list />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbars.stories.ts b/packages/frontend/src/ui/_common_/statusbars.stories.ts
index 8a0e0f21c..05b955c54 100644
--- a/packages/frontend/src/ui/_common_/statusbars.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbars.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		statusbars,
 	},
 	template: '<statusbars />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
index f1461098c..f114dc0ff 100644
--- a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
+++ b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		stream_indicator,
 	},
 	template: '<stream_indicator />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/upload.stories.ts b/packages/frontend/src/ui/_common_/upload.stories.ts
index 351a918cf..4669ca5d1 100644
--- a/packages/frontend/src/ui/_common_/upload.stories.ts
+++ b/packages/frontend/src/ui/_common_/upload.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		upload,
 	},
 	template: '<upload />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/classic.header.stories.ts b/packages/frontend/src/ui/classic.header.stories.ts
index 899bcb27c..9082630c2 100644
--- a/packages/frontend/src/ui/classic.header.stories.ts
+++ b/packages/frontend/src/ui/classic.header.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		classic_header,
 	},
 	template: '<classic_header />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/classic.sidebar.stories.ts b/packages/frontend/src/ui/classic.sidebar.stories.ts
index c4a231b89..5e3f7eb98 100644
--- a/packages/frontend/src/ui/classic.sidebar.stories.ts
+++ b/packages/frontend/src/ui/classic.sidebar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		classic_sidebar,
 	},
 	template: '<classic_sidebar />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/classic.stories.ts b/packages/frontend/src/ui/classic.stories.ts
index 46de82577..64601510a 100644
--- a/packages/frontend/src/ui/classic.stories.ts
+++ b/packages/frontend/src/ui/classic.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		classic,
 	},
 	template: '<classic />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck.stories.ts b/packages/frontend/src/ui/deck.stories.ts
index f1444b4e8..fbd352ec1 100644
--- a/packages/frontend/src/ui/deck.stories.ts
+++ b/packages/frontend/src/ui/deck.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		deck,
 	},
 	template: '<deck />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/antenna-column.stories.ts b/packages/frontend/src/ui/deck/antenna-column.stories.ts
index b26c68a78..4965e4a3d 100644
--- a/packages/frontend/src/ui/deck/antenna-column.stories.ts
+++ b/packages/frontend/src/ui/deck/antenna-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		antenna_column,
 	},
 	template: '<antenna_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/channel-column.stories.ts b/packages/frontend/src/ui/deck/channel-column.stories.ts
index 5c0074a8f..0290eb96d 100644
--- a/packages/frontend/src/ui/deck/channel-column.stories.ts
+++ b/packages/frontend/src/ui/deck/channel-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		channel_column,
 	},
 	template: '<channel_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/column-core.stories.ts b/packages/frontend/src/ui/deck/column-core.stories.ts
index 09fe6da4c..7d1262c8a 100644
--- a/packages/frontend/src/ui/deck/column-core.stories.ts
+++ b/packages/frontend/src/ui/deck/column-core.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		column_core,
 	},
 	template: '<column_core />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/column.stories.ts b/packages/frontend/src/ui/deck/column.stories.ts
index 190348540..f53f74b79 100644
--- a/packages/frontend/src/ui/deck/column.stories.ts
+++ b/packages/frontend/src/ui/deck/column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		column,
 	},
 	template: '<column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/direct-column.stories.ts b/packages/frontend/src/ui/deck/direct-column.stories.ts
index 6566a55ea..34a721c95 100644
--- a/packages/frontend/src/ui/deck/direct-column.stories.ts
+++ b/packages/frontend/src/ui/deck/direct-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		direct_column,
 	},
 	template: '<direct_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/list-column.stories.ts b/packages/frontend/src/ui/deck/list-column.stories.ts
index 5edbb759e..2eac36177 100644
--- a/packages/frontend/src/ui/deck/list-column.stories.ts
+++ b/packages/frontend/src/ui/deck/list-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		list_column,
 	},
 	template: '<list_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/main-column.stories.ts b/packages/frontend/src/ui/deck/main-column.stories.ts
index 19eb912fb..8d4c269d8 100644
--- a/packages/frontend/src/ui/deck/main-column.stories.ts
+++ b/packages/frontend/src/ui/deck/main-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		main_column,
 	},
 	template: '<main_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/mentions-column.stories.ts b/packages/frontend/src/ui/deck/mentions-column.stories.ts
index 5f5db72f0..88b20b860 100644
--- a/packages/frontend/src/ui/deck/mentions-column.stories.ts
+++ b/packages/frontend/src/ui/deck/mentions-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		mentions_column,
 	},
 	template: '<mentions_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/notifications-column.stories.ts b/packages/frontend/src/ui/deck/notifications-column.stories.ts
index 10c3c67da..5467be128 100644
--- a/packages/frontend/src/ui/deck/notifications-column.stories.ts
+++ b/packages/frontend/src/ui/deck/notifications-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		notifications_column,
 	},
 	template: '<notifications_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/tl-column.stories.ts b/packages/frontend/src/ui/deck/tl-column.stories.ts
index b4167ea4b..13093a2ac 100644
--- a/packages/frontend/src/ui/deck/tl-column.stories.ts
+++ b/packages/frontend/src/ui/deck/tl-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		tl_column,
 	},
 	template: '<tl_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/deck/widgets-column.stories.ts b/packages/frontend/src/ui/deck/widgets-column.stories.ts
index 1b04f81ce..c0dfb372f 100644
--- a/packages/frontend/src/ui/deck/widgets-column.stories.ts
+++ b/packages/frontend/src/ui/deck/widgets-column.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		widgets_column,
 	},
 	template: '<widgets_column />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/universal.stories.ts b/packages/frontend/src/ui/universal.stories.ts
index 6f9174c8a..c46a4eeff 100644
--- a/packages/frontend/src/ui/universal.stories.ts
+++ b/packages/frontend/src/ui/universal.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		universal,
 	},
 	template: '<universal />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/universal.widgets.stories.ts b/packages/frontend/src/ui/universal.widgets.stories.ts
index fc8062d5c..590f6b1ca 100644
--- a/packages/frontend/src/ui/universal.widgets.stories.ts
+++ b/packages/frontend/src/ui/universal.widgets.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		universal_widgets,
 	},
 	template: '<universal_widgets />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/visitor.stories.ts b/packages/frontend/src/ui/visitor.stories.ts
index 25fcdc2da..81b1f5190 100644
--- a/packages/frontend/src/ui/visitor.stories.ts
+++ b/packages/frontend/src/ui/visitor.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		visitor,
 	},
 	template: '<visitor />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/a.stories.ts b/packages/frontend/src/ui/visitor/a.stories.ts
index 099044197..e10d21c20 100644
--- a/packages/frontend/src/ui/visitor/a.stories.ts
+++ b/packages/frontend/src/ui/visitor/a.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		a,
 	},
 	template: '<a />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/b.stories.ts b/packages/frontend/src/ui/visitor/b.stories.ts
index ff65dc096..586927134 100644
--- a/packages/frontend/src/ui/visitor/b.stories.ts
+++ b/packages/frontend/src/ui/visitor/b.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		b,
 	},
 	template: '<b />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/header.stories.ts b/packages/frontend/src/ui/visitor/header.stories.ts
index c23376735..403f45978 100644
--- a/packages/frontend/src/ui/visitor/header.stories.ts
+++ b/packages/frontend/src/ui/visitor/header.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		header,
 	},
 	template: '<header />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/kanban.stories.ts b/packages/frontend/src/ui/visitor/kanban.stories.ts
index d2e1b6a10..57141ea07 100644
--- a/packages/frontend/src/ui/visitor/kanban.stories.ts
+++ b/packages/frontend/src/ui/visitor/kanban.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		kanban,
 	},
 	template: '<kanban />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/ui/zen.stories.ts b/packages/frontend/src/ui/zen.stories.ts
index c3652b6bb..08c0d42c0 100644
--- a/packages/frontend/src/ui/zen.stories.ts
+++ b/packages/frontend/src/ui/zen.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		zen,
 	},
 	template: '<zen />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
index 5509f1261..27feb2741 100644
--- a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetActivity_calendar,
 	},
 	template: '<WidgetActivity_calendar />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
index f9739b636..0c009d6fd 100644
--- a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetActivity_chart,
 	},
 	template: '<WidgetActivity_chart />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetActivity.stories.ts b/packages/frontend/src/widgets/WidgetActivity.stories.ts
index b52fafab7..ea9270960 100644
--- a/packages/frontend/src/widgets/WidgetActivity.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetActivity,
 	},
 	template: '<WidgetActivity />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetAichan.stories.ts b/packages/frontend/src/widgets/WidgetAichan.stories.ts
index e7fc60486..0ad9b1d72 100644
--- a/packages/frontend/src/widgets/WidgetAichan.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAichan.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetAichan,
 	},
 	template: '<WidgetAichan />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetAiscript.stories.ts b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
index 765e181f1..651e14f9f 100644
--- a/packages/frontend/src/widgets/WidgetAiscript.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetAiscript,
 	},
 	template: '<WidgetAiscript />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
index ecabb3ed4..0043d6fff 100644
--- a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetAiscriptApp,
 	},
 	template: '<WidgetAiscriptApp />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetButton.stories.ts b/packages/frontend/src/widgets/WidgetButton.stories.ts
index c5ee3f9c6..c56165106 100644
--- a/packages/frontend/src/widgets/WidgetButton.stories.ts
+++ b/packages/frontend/src/widgets/WidgetButton.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetButton,
 	},
 	template: '<WidgetButton />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetCalendar.stories.ts b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
index fa5e31cd2..a626ff63b 100644
--- a/packages/frontend/src/widgets/WidgetCalendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetCalendar,
 	},
 	template: '<WidgetCalendar />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetClicker.stories.ts b/packages/frontend/src/widgets/WidgetClicker.stories.ts
index 0f1622c69..37bffbaf2 100644
--- a/packages/frontend/src/widgets/WidgetClicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClicker.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetClicker,
 	},
 	template: '<WidgetClicker />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetClock.stories.ts b/packages/frontend/src/widgets/WidgetClock.stories.ts
index 8dad29b5d..2ae8925a3 100644
--- a/packages/frontend/src/widgets/WidgetClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClock.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetClock,
 	},
 	template: '<WidgetClock />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
index 1af1a5b51..0b812ee24 100644
--- a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetDigitalClock,
 	},
 	template: '<WidgetDigitalClock />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetFederation.stories.ts b/packages/frontend/src/widgets/WidgetFederation.stories.ts
index 20cbfa93b..9f88768c4 100644
--- a/packages/frontend/src/widgets/WidgetFederation.stories.ts
+++ b/packages/frontend/src/widgets/WidgetFederation.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetFederation,
 	},
 	template: '<WidgetFederation />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
index 1e9acb715..188ff8039 100644
--- a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetInstanceCloud,
 	},
 	template: '<WidgetInstanceCloud />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
index e74d5f34e..555d77c6b 100644
--- a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetInstanceInfo,
 	},
 	template: '<WidgetInstanceInfo />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
index 256cf692e..54a702394 100644
--- a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
+++ b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetJobQueue,
 	},
 	template: '<WidgetJobQueue />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetMemo.stories.ts b/packages/frontend/src/widgets/WidgetMemo.stories.ts
index bfe331ef1..cf1a1d269 100644
--- a/packages/frontend/src/widgets/WidgetMemo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetMemo.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetMemo,
 	},
 	template: '<WidgetMemo />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetNotifications.stories.ts b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
index 0399cbe36..e21c7f77c 100644
--- a/packages/frontend/src/widgets/WidgetNotifications.stories.ts
+++ b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetNotifications,
 	},
 	template: '<WidgetNotifications />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
index c7c8c53c2..9e4161b53 100644
--- a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
+++ b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetOnlineUsers,
 	},
 	template: '<WidgetOnlineUsers />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetPhotos.stories.ts b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
index 137a1bb80..77c755a7a 100644
--- a/packages/frontend/src/widgets/WidgetPhotos.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetPhotos,
 	},
 	template: '<WidgetPhotos />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetPostForm.stories.ts b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
index 867902ec2..2576a8b08 100644
--- a/packages/frontend/src/widgets/WidgetPostForm.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetPostForm,
 	},
 	template: '<WidgetPostForm />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetProfile.stories.ts b/packages/frontend/src/widgets/WidgetProfile.stories.ts
index b7391eaaa..7654d805c 100644
--- a/packages/frontend/src/widgets/WidgetProfile.stories.ts
+++ b/packages/frontend/src/widgets/WidgetProfile.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetProfile,
 	},
 	template: '<WidgetProfile />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetRss.stories.ts b/packages/frontend/src/widgets/WidgetRss.stories.ts
index 79fed6d7c..baae27167 100644
--- a/packages/frontend/src/widgets/WidgetRss.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRss.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetRss,
 	},
 	template: '<WidgetRss />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
index 27acb1b62..f70c23210 100644
--- a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetRssTicker,
 	},
 	template: '<WidgetRssTicker />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
index d138fd8d6..8671a3483 100644
--- a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
+++ b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetSlideshow,
 	},
 	template: '<WidgetSlideshow />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetTimeline.stories.ts b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
index 5124035e0..e067689c2 100644
--- a/packages/frontend/src/widgets/WidgetTimeline.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetTimeline,
 	},
 	template: '<WidgetTimeline />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetTrends.stories.ts b/packages/frontend/src/widgets/WidgetTrends.stories.ts
index a75e76e98..96ee667be 100644
--- a/packages/frontend/src/widgets/WidgetTrends.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTrends.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetTrends,
 	},
 	template: '<WidgetTrends />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
index d6d05a674..1dd22e3a7 100644
--- a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetUnixClock,
 	},
 	template: '<WidgetUnixClock />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetUserList.stories.ts b/packages/frontend/src/widgets/WidgetUserList.stories.ts
index 8621060cd..2435b9a5b 100644
--- a/packages/frontend/src/widgets/WidgetUserList.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUserList.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		WidgetUserList,
 	},
 	template: '<WidgetUserList />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
index 67906eaec..9beb5e294 100644
--- a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		cpu_mem,
 	},
 	template: '<cpu_mem />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/cpu.stories.ts b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
index 1afd2ce8e..a55dcad76 100644
--- a/packages/frontend/src/widgets/server-metric/cpu.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		cpu,
 	},
 	template: '<cpu />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/disk.stories.ts b/packages/frontend/src/widgets/server-metric/disk.stories.ts
index 53042da75..c63f3cd4a 100644
--- a/packages/frontend/src/widgets/server-metric/disk.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/disk.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		disk,
 	},
 	template: '<disk />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/index.stories.ts b/packages/frontend/src/widgets/server-metric/index.stories.ts
index 28a0565f2..ee29d8a54 100644
--- a/packages/frontend/src/widgets/server-metric/index.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/index.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		index,
 	},
 	template: '<index />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/mem.stories.ts b/packages/frontend/src/widgets/server-metric/mem.stories.ts
index 968b042fc..231f9459b 100644
--- a/packages/frontend/src/widgets/server-metric/mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/mem.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		mem,
 	},
 	template: '<mem />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/net.stories.ts b/packages/frontend/src/widgets/server-metric/net.stories.ts
index e10b4b2ba..f5fb09844 100644
--- a/packages/frontend/src/widgets/server-metric/net.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/net.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		net,
 	},
 	template: '<net />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/pie.stories.ts b/packages/frontend/src/widgets/server-metric/pie.stories.ts
index eeab11e9f..7e56a6a72 100644
--- a/packages/frontend/src/widgets/server-metric/pie.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/pie.stories.ts
@@ -9,5 +9,8 @@ export const Default = {
 		pie,
 	},
 	template: '<pie />',
+	parameters: {
+		layout: 'centered',
+	},
 };
 export default meta;
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index a90ee5526..ea0b4d85d 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -38,7 +38,7 @@ function toBase62(n: number): string {
 	return result;
 }
 
-export default defineConfig(({ command, mode }) => {
+export function getConfig() {
 	return {
 		base: '/vite/',
 
@@ -122,4 +122,8 @@ export default defineConfig(({ command, mode }) => {
 			},
 		},
 	};
-});
+}
+
+const config = defineConfig(({ command, mode }) => getConfig());
+
+export default config;