diff --git a/packages/effects/layouts/src/basic/header/header.vue b/packages/effects/layouts/src/basic/header/header.vue
index 9df8acb9..fac2ff95 100644
--- a/packages/effects/layouts/src/basic/header/header.vue
+++ b/packages/effects/layouts/src/basic/header/header.vue
@@ -69,6 +69,24 @@ const {
 const slots = useSlots();
 const { refresh } = useRefresh();
 
+const showLockInHeader = computed(
+  () =>
+    preferences.widget.lockScreen &&
+    preferences.widget.lockScreenButtonPosition === 'header',
+);
+
+const showLogoutInHeader = computed(
+  () => preferences.widget.logoutButtonPosition === 'header',
+);
+
+const enableLockScreenShortcutKey = computed(() => {
+  return showLockInHeader.value && globalLockScreenShortcutKey.value;
+});
+
+const enableLogoutShortcutKey = computed(() => {
+  return showLogoutInHeader.value && globalLogoutShortcutKey.value;
+});
+
 const [LockModal, lockModalApi] = useVbenModal({
   connectedComponent: LockScreenModal,
 });
@@ -104,7 +122,7 @@ if (preferences.shortcutKeys.enable) {
 
   if (lockKey) {
     whenever(lockKey, () => {
-      if (globalLockScreenShortcutKey?.value) {
+      if (enableLockScreenShortcutKey.value) {
         handleOpenLock();
       }
     });
@@ -112,7 +130,7 @@ if (preferences.shortcutKeys.enable) {
 
   if (logoutKey) {
     whenever(logoutKey, () => {
-      if (globalLogoutShortcutKey?.value) {
+      if (enableLogoutShortcutKey.value) {
         handleLogout();
       }
     });
@@ -242,13 +260,14 @@ function clearPreferencesAndLogout() {
 
 <template>
   <LockModal
-    v-if="preferences.widget.lockScreen"
+    v-if="showLockInHeader"
     :avatar="avatar"
     :text="text"
     @submit="handleSubmitLock"
   />
 
   <LogoutModal
+    v-if="showLogoutInHeader"
     :cancel-text="$t('common.cancel')"
     :confirm-text="$t('common.confirm')"
     :fullscreen-button="false"
diff --git a/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue b/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
index 3e297b3e..7274c4d0 100644
--- a/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
+++ b/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
@@ -212,13 +212,6 @@ const enableLockScreenShortcutKey = computed(() => {
   return showLockInDropdown.value && globalLockScreenShortcutKey.value;
 });
 
-const enableShortcutKey = computed(() => {
-  return (
-    (showLockInDropdown.value || showLogoutInDropdown.value) &&
-    preferences.shortcutKeys.enable
-  );
-});
-
 function handleOpenLock() {
   lockModalApi.open();
 }
@@ -269,7 +262,7 @@ async function handleLocaleChange(event: Event, value: 'en-US' | 'zh-CN') {
   openPopover.value = false;
 }
 
-if (enableShortcutKey.value) {
+if (preferences.shortcutKeys.enable) {
   const keys = useMagicKeys();
   const logoutKey = keys['Alt+KeyQ'];
   const lockKey = keys['Alt+KeyL'];