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 0000000000..1aa0ac14e8
--- /dev/null
+++ b/packages/frontend/.gitignore
@@ -0,0 +1 @@
+/storybook-static
diff --git a/packages/frontend/.storybook/.gitignore b/packages/frontend/.storybook/.gitignore
index 456dd1c29f..a516a23411 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 189e611f72..eaca304554 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 b18956ee45..9cd74de519 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 0000000000..a54164742a
--- /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 78d408499f..40b6ea0fb0 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 5c2c40b4b3..4b02967692 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 9ef749487d..e8f90339f1 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 b08f80620f..a62fadc5cf 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 1f7d6f13b5..7f3e51128e 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 c65e6e7a6a..82bc3c05cc 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 d185d9c4b5..6a1be12e08 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 245da15bbb..26b7fab544 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 d443279fee..26ce51bcaf 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 95581133e0..23d8b56244 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 8e6db84cc0..6ce5d52d9c 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 992b2c4ca6..45f3808738 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 4beab4df20..cf607d7703 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 adabbb9a78..8e6a449b59 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 668aeb017d..71095ce79e 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 e936d1a01b..1aaa03ba0c 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 600b27ea14..39dad4e676 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 991ff5b59b..b512c34e4a 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 c6a55fe8c3..dcc7d6f46d 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 0009ca436c..625d6f3d22 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 fab6b7aa24..73aa520ba4 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 e9a8f2c6a1..78885a57ae 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 92be1b425f..38c665d770 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 f19288dd19..3545121190 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 e4c00df5e1..ea319c12eb 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 3debe6214c..2996b180ba 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 3b6b6f839b..6a6299d5cb 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 258f675ebd..afee626577 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 0942b1d7d4..0730b78a69 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 5565b08651..4b5f5b9ac3 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 4c489f7298..f38016e320 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 19c3f6445b..2d4afc95da 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 ca135cf417..4b3565cf2d 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 00f7f3e062..0ac06ba2fe 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 2b20a75e45..44d46b19d7 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 6b8fb815ab..1a19f4fb3d 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 b8816b5425..977be11bc7 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 ae3ab4cfa7..ec6972bac3 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 985dec8bd1..d3393d8f97 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 7c9bd67748..613723d08d 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 d0c9e4e2df..c86d7d1887 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 b437ae4d4f..cd66908fc6 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 eb7d911067..ec23c2055e 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 b9c85f4e82..3760566e03 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 dbde9dc034..b873a6238c 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 ff5b976be6..51d7827dfc 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 38f813dfb6..3f809e6906 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 cf6afa03dd..45e1c6b20f 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 9e94b456ee..89e4fe3080 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 bb9651dc0c..01f147cd0a 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 97b8ef607a..334cde91c7 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 8878c61745..c2be14dcda 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 fa69366b87..06c2062af2 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 97e887cf62..d559660393 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 97b1fe999c..65d43322bb 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 1902de6f38..8bd0eb1b41 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 e8a9aed27f..ee5aec9810 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 04e5d02e3b..c8809ad876 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 253f827796..a69bd185ad 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 0f5289c49d..3c58063e39 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 a4904d3879..5445eb8593 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 f8b8751abc..14981dbd53 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 2a74b32e29..90424768c9 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 9c2f7aec0e..bc985ff171 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 1267b8a5f1..0b38efe507 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 61e883942b..7b25dcef02 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 76f3d602d6..d03eeaf7e9 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 079fbee3e2..cec1d4c726 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 2992ad88a0..79f4714bc7 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 7a4294cffe..18f37447cf 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 a2bbc83be3..d1c3977006 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 168d674089..c4c162f789 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 b06b079581..2212cd6a4d 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 454e6a943b..d828d38446 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 a3efc0afab..b787ea37bd 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 1310d3c1b1..af7c5b2704 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 8aa2cc80bf..5feba941c1 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 8745fd0f87..14fe3aea81 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 817c099361..9d526ec98f 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 e110cebcfa..8c2a39d66a 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 c17add5224..13f5d751ad 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 cc4caa5644..adc6627f58 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 8f71efcb1e..b1f73956f0 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 b75362ec9b..9b9495ab8c 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 4f0bc96629..9430fd1619 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 e9bbd23c2a..d44e3ee699 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 58a9e96a44..27bc7958ee 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 23bd48ebe5..f2621961d9 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 515a533579..17cf7c4c3e 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 1a26e60723..e71e348ae5 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 78bba2f326..9bebe36742 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 50f51b60ba..a8a47b896c 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 ba92e47b8b..fea5821fed 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 d8480091ca..c332f1c809 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 f590af56c3..127227e1d0 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 b84b466570..b459222fc6 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 7298001704..ea67d38e6e 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 c84017c6a8..0683ce7708 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 d32b273909..339cfc8ecc 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 0f03abbc13..5f3a5ef25f 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 24c12e9868..ac6e9f61e6 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 f8efe8354e..c46122334d 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 1e54032350..395f951346 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 71fc56768f..7b9ca42e25 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 37c196887a..271eb3ed6a 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 a6ea560100..e4ca21352e 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 3bab02b864..449e035549 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 917c5459ad..cbe9a98c7f 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 7b9e18baf3..33d1108825 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 ce5f9069cc..726a4f4db5 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 bf977d05b2..e348f2bd4b 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 9ee6ed6d10..8b405f3e63 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 3a6670f87a..84fa9ccf34 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 8e5b119933..dba9e304d8 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 0348e89191..18d2a35844 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 cfc4a6f4e4..a50d15d869 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 bde8242599..1540c571a6 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 4b620670b3..a1b8c723ca 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 e07a1cd385..c0253a3cd8 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 289707e19a..f5d82ef610 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 f50b50023a..557775d419 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 624fb96584..76ed607f95 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 ace45f7783..ff2d48416e 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 c819252291..b2e94c1a6e 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 dd6f06716e..5af917710e 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 e6f5d0f996..207aec2c2e 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 7a43f42afa..3a1632417c 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 967e3aff24..80b48109e7 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 f4cd049d9d..74c6b73611 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 eaa64a424e..bcba8916db 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 a6b37f5fd5..9949a6621b 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 3b3c97ba60..7f18283433 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 b71c814d25..6756b81bd5 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 9fd800237d..467c8aa00c 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 c12d66cd91..832fa8dac6 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 d507ddf2b6..173f9a499d 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 12e94851f9..f18f9da5b7 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 43058847dc..14e8ef467d 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 48ebf287a9..9930169d51 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 368e76f910..2cc45df467 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 202df158c6..a1b6bcea69 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 9f9f0b804a..ee5f956859 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 f5019284aa..e5820efd48 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 31b5347c9e..d43e40330e 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 92b68ad5ef..a9f45e3e99 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 836dd53aba..24f7edc372 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 3f0939c359..b8ab307e24 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 9587fb2f4e..dd1a16c403 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 ac5c2008c5..39cbc0ba01 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 ba54e90151..fad46e9c12 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 a676fce531..5eb4a18c46 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 6f4647832f..6b8b55ec35 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 f835bf5eea..bb2d74b336 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 6a74176b11..bc1acd33f1 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 e594b035ae..9abc14af1f 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 fe3a2a826b..09092f36d3 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 ffac466d1f..1679ae0b27 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 86e9f77cf2..0916b1860d 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 bf6d9de636..752085f5fd 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 bf8006e7c5..63e5342cce 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 3add69771e..a2c6d8705c 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 8f3af87802..b283a94398 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 cb9f893e38..2f15b02570 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 aca35e0d21..7e495a582f 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 196df61db4..efb6dee7a2 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 7e3ba56ee1..c72bf542e6 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 1a0b7912cb..211d8dac6b 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 c4ab83c017..acc2c32d3b 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 9e434e066c..a08218da66 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 0d536d7502..9ee10b737d 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 1a79be9bd0..7df6fd3644 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 5e808012f3..490c4d24b9 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 a44906903b..cd840c9594 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 68bd435e1c..b7452a618d 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 00c036fad1..5c5af5d58b 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 cd04c9c7ac..9a7ad34316 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 89bb72e178..b98d930d14 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 59dd32357e..9b519cdddf 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 e31b612db6..0e28246cce 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 a7264f4bee..cff97b18d0 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 05f5b14947..84bfcf0d79 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 2e063ed14c..07ce018e23 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 6eabcb3da8..b1f3aacfba 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 3c392ed6fe..608327d188 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 a09b134031..c793e78d28 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 0d004b65e1..9975c4e042 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 d3af6637ce..f3ac520dc6 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 4349f3b44f..9063c71b48 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 4cf759246c..1898d460eb 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 88cae1d4de..dc2f36beae 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 75875ce589..63f997779c 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 4150c3a134..397a520610 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 f0b1b14dcd..b07ce5846d 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 3a59d5ba7b..adbcee094d 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 16682c2f91..e85173e574 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 c03039c692..b803b74a19 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 619ef42bfd..677292f157 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 49b11f8934..973bbd4ccc 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 0f990a152f..add9a62c52 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 d5369f1fa4..cc337ac51e 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 7bddb16207..1764c4a902 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 ad094e5140..162b4b0816 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 dfa783cf8f..a8b3f1b3f6 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 86c7b9633a..cb0746cf12 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 04b0cbac65..f2ac0b2878 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 5186eb4dfc..0623c16ddb 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 48c5c3a45e..20d6d3bea2 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 ab971197e9..9187d2ad6f 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 20c422c58a..f4385c4c33 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 ac1628f3d2..877d4e0ddf 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 ed74ab698e..d952ce3df9 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 e3c6d7d64b..c0bcca0588 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 106f78fb28..28fca24b45 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 77830053dd..71cce61bc0 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 973b8e4a07..d617cc9c3d 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 20dcddea66..f73defee9f 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 322588f294..cfcd04f3c4 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 4906cef135..f30978121c 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 74157b991c..b0bc4c72d1 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 4042b7ae90..5bcefe2fc8 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 de78d77c20..676acc1eaf 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 05fb8e1318..4c61a00bf8 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 00a645b0ec..6954a0f55f 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 0a853bd7f5..13b63e7dba 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 e1523a1cab..8e66f86144 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 7dd0ac7998..6d2c06b48a 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 2d73938323..c362cb7ca9 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 7a17ea360e..61fac49415 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 fdba287e01..34dac9a051 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 6be5d3261d..ec112af033 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 c2ec83cc71..c0d1fcd444 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 be28e11f15..eacff65985 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 1bba4ca65c..c10325146c 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 05949c87a8..89769a35f9 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 48891ca33e..1fadb08a86 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 526d9ef0a3..b5c7081239 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 31e417bb25..142ddb7862 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 bf0fdc8120..ab7032c885 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 041ad69a92..27b302a7e1 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 2b78a38939..ed9715c21c 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 7e383b18b3..fadda3c391 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 ba65e2c0ac..d11385411a 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 cb77506fc2..d17a5ab5aa 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 cbcd6bbd2d..90b554eac5 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 d5532bd879..1435436350 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 3b78a49aa7..3aa362b7d9 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 67f7392c39..199cbe10e7 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 d56a698269..4ff245de16 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 54fa1569b6..e0a7d8c85d 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 1c44df5703..9482aa0a1b 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 0039f0f6ce..bcf5c0fdba 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 b90e609246..b42265a8b8 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 c50ff656e7..0b62e44584 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 102fc0f142..959cd96336 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 eabf25fb74..1eb559bd42 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 93cfd5ce79..1d10f2f3fa 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 0b4090aa58..b987a06b9c 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 c7def2cbdf..5f94621069 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 c669570b7e..73b487bc3a 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 a7730e833a..80b8f4341c 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 c90f66f3e3..a97c4f543d 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 2828dbba97..a836bb0f8b 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 43ccada6bf..e4ce20788c 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 e31d43a38b..b70ba39235 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 58ebf35d83..d71aa1206b 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 05631ad895..ebb9e54201 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 5ffcc6a3d2..1edb29e806 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 0d3579c802..65af62c76d 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 848ff2ed74..4625509983 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 417cf3979b..eae8dbeb63 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 b961d35834..05a306a3ff 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 a7f237b530..1d84261fea 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 6e32a55946..e4703e3bb6 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 b406e08fe0..2181b94eb8 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 420dbf528a..4811d07edf 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 7a5f6fc3f7..0293c4ca46 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 51be8d07d6..a0c062b670 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 b6dc3a76e4..46c8d3ddfe 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 ddfc0a3f45..965c615ba7 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 35aeb5747c..0d044d7f62 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 be9c62c03c..e0d0f5b3d1 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 b2d9e5a821..08358f2baa 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 0b540f5c20..f6ac1d4562 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 57e3d29a1f..60cc026f6c 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 436de31edf..1a1ec5216b 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 09e2193ad7..846d75cc8f 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 667ddab8d4..798c77d715 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 cc8fd62bc7..6cab23af59 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 4c116a5240..2ec6bde652 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 28a03c0180..369df43de0 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 01e77fb543..845abb92b5 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 2d7f50c1bd..cc5c3311fe 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 5543b40262..3b77f4cefe 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 79b43f9efb..ed43fd46ac 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 e48f7885ae..4ffa1ae4cd 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 c9469cf898..3695e9dfec 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 7b14e4fc19..e9820cd3e2 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 60f876ecd4..821ff4bf53 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 d030d01bdb..7ee4159f87 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 5f56fb7689..d29068dadc 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 c9ab0b484e..cf65d1819f 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 24c490aa40..1adeb96133 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 1a07b8bf51..579f509f27 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 75ad8eb1bd..967ed5459c 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 73d7cdbbb4..2d9a2ec86e 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 c0ef252ccd..a9195df21d 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 9001b89604..297ba1bdf8 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 dc3ff66f8a..0d5427af52 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 95c82da4ce..2d896a5cd3 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 dd71d857ac..4158413e98 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 851bc85a8b..aeee457f2b 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 b6e6dbe27c..e5ab35cc06 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 69921e6e8e..766dbd1401 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 69e08eef78..d86269e6d8 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 96d5c54dcd..b33bd355f8 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 48ef720ed1..331b6fedd2 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 5b4e577aba..7b6da5bae0 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 7d8aa18708..b8209f45d8 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 4302450ff9..dd9f6e8a9d 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 1be4c325ca..ed8a8c139f 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 83e18810cc..05dbbae799 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 40b8a468e0..19be758d90 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 0fc3e81fc6..55f8ffe3b4 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 ea163f7c37..4a4e4dc6e1 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 9a8e9a9dd0..68093e90b3 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 932d9f4b73..67d2a4fd88 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 bbd081c58f..fbc9e52c60 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 644b50985a..838e9390a4 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 0fd4012c9c..1faff2b693 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 529d1373c1..ff2365051a 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 32b1aaa25c..9349f62296 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 6ea6912ae0..7742ca1b13 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 a506382368..300a3313dd 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 2bef61f61d..5de5a151be 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 97f2bcfe43..591039580f 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 e4c45fcfee..21053a2208 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 9750e3ef7d..f951573f77 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 9054c27c37..6757c4821d 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 796a7e7bd2..808fc7daa4 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 ce54eae0d6..31183e5fcf 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 54360024f3..25a1edaca9 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 42609d780b..3421de0ece 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 7e36c3e090..abb31c270c 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 7dd02ad6d4..63e1c76e03 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 c28ff429f4..2fb5ac33ea 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 6a7506e388..1be495f410 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 e457e406c7..8984f08ed2 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 78cc1d08e2..6296395096 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 3f915228fe..1f02dc218b 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 2e320bcf54..af816cf536 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 28cc1a5a9b..49eda2b16d 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 a245283b62..be6dc8fd10 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 b960a69230..d829dd4475 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 8739405b1d..c5ccc22ee0 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 1457d03ca5..b8a1aa9717 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 e08cb6d6c0..becab310e9 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 e22b0ba9dd..1bb327d7b8 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 68bc0f6475..8f94478f46 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 0528e98b58..9c16da8886 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 81a558152c..390c763cfc 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 ce78d27580..5307088309 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 c9574fbd22..53a1a93d46 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 d47ceee59f..1e755e809c 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 3001f95705..30c0f1ee2e 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 f7bc3c5772..7492893a0a 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 c77f8e12d3..c93e968594 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 54184386da..9235a67e2e 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 97d91f978c..ec37ad6650 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 b3e3e54ebe..e06a66db70 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 a04c1831e5..a8570942d7 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 f77b1786b9..6463aaa0fb 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 c23271862b..4930084fe1 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 bc6e39c7ba..0b3d8b8d1a 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 c051f20e15..1a803671f3 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 8a0e0f21c1..05b955c546 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 f1461098cd..f114dc0ffc 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 351a918cfa..4669ca5d1b 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 899bcb27c0..9082630c21 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 c4a231b895..5e3f7eb986 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 46de825774..64601510aa 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 f1444b4e89..fbd352ec15 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 b26c68a78d..4965e4a3d8 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 5c0074a8f3..0290eb96de 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 09fe6da4c9..7d1262c8ac 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 1903485402..f53f74b793 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 6566a55ead..34a721c955 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 5edbb759e1..2eac36177d 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 19eb912fb5..8d4c269d89 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 5f5db72f0c..88b20b8604 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 10c3c67dac..5467be1283 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 b4167ea4b7..13093a2acd 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 1b04f81ced..c0dfb372fb 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 6f9174c8af..c46a4eeff3 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 fc8062d5cd..590f6b1ca3 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 25fcdc2da8..81b1f51904 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 0990441976..e10d21c203 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 ff65dc0962..586927134a 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 c233767351..403f459789 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 d2e1b6a108..57141ea077 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 c3652b6bbb..08c0d42c00 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 5509f1261b..27feb2741c 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 f9739b636d..0c009d6fdf 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 b52fafab7b..ea9270960c 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 e7fc604865..0ad9b1d727 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 765e181f1b..651e14f9fc 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 ecabb3ed4a..0043d6fffe 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 c5ee3f9c66..c561651066 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 fa5e31cd26..a626ff63b9 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 0f1622c691..37bffbaf26 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 8dad29b5da..2ae8925a3e 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 1af1a5b511..0b812ee24b 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 20cbfa93b7..9f88768c49 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 1e9acb7154..188ff80394 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 e74d5f34e7..555d77c6b7 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 256cf692ec..54a7023942 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 bfe331ef19..cf1a1d2693 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 0399cbe361..e21c7f77c2 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 c7c8c53c25..9e4161b535 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 137a1bb807..77c755a7a5 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 867902ec28..2576a8b08d 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 b7391eaaa7..7654d805c8 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 79fed6d7c7..baae27167c 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 27acb1b62d..f70c23210f 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 d138fd8d6b..8671a34833 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 5124035e04..e067689c28 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 a75e76e98e..96ee667bed 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 d6d05a6740..1dd22e3a7e 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 8621060cda..2435b9a5b4 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 67906eaece..9beb5e2940 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 1afd2ce8e6..a55dcad76e 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 53042da755..c63f3cd4a6 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 28a0565f20..ee29d8a540 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 968b042fc0..231f9459b4 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 e10b4b2baf..f5fb098442 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 eeab11e9f7..7e56a6a726 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 a90ee55268..ea0b4d85df 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;