diff --git a/packages/frontend/src/pages/settings/appearance.vue b/packages/frontend/src/pages/settings/appearance.vue
index 3fda5bc4c8..f68a77de67 100644
--- a/packages/frontend/src/pages/settings/appearance.vue
+++ b/packages/frontend/src/pages/settings/appearance.vue
@@ -187,6 +187,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								<option value="rightTop"><i class="ti ti-align-box-right-top"></i> {{ i18n.ts.rightTop }}</option>
 								<option value="leftBottom"><i class="ti ti-align-box-left-bottom"></i> {{ i18n.ts.leftBottom }}</option>
 								<option value="rightBottom"><i class="ti ti-align-box-right-bottom"></i> {{ i18n.ts.rightBottom }}</option>
+								<option value="close"><i class="ti ti-x"></i> {{ i18n.ts.close }}</option>
 							</MkRadios>
 						</MkPreferenceContainer>
 					</SearchMarker>
diff --git a/packages/frontend/src/ui/_common_/common.vue b/packages/frontend/src/ui/_common_/common.vue
index 4a700d10b4..ef7474c8a9 100644
--- a/packages/frontend/src/ui/_common_/common.vue
+++ b/packages/frontend/src/ui/_common_/common.vue
@@ -21,6 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		[$style.notificationsPosition_leftBottom]: prefer.s.notificationPosition === 'leftBottom',
 		[$style.notificationsPosition_rightTop]: prefer.s.notificationPosition === 'rightTop',
 		[$style.notificationsPosition_rightBottom]: prefer.s.notificationPosition === 'rightBottom',
+		[$style.notificationsPosition_close]: prefer.s.notificationPosition === 'close',
 		[$style.notificationsStackAxis_vertical]: prefer.s.notificationStackAxis === 'vertical',
 		[$style.notificationsStackAxis_horizontal]: prefer.s.notificationStackAxis === 'horizontal',
 	}]"
@@ -147,6 +148,10 @@ function getPointerEvents() {
 		right: 0;
 	}
 
+	&.notificationsPosition_close {
+		display: none;
+	}
+
 	&.notificationsStackAxis_vertical {
 		width: 250px;