diff --git a/frontend/src/components/GCredentialRotationHelp.vue b/frontend/src/components/GCredentialRotationHelp.vue
new file mode 100644
index 0000000000..da51516f77
--- /dev/null
+++ b/frontend/src/components/GCredentialRotationHelp.vue
@@ -0,0 +1,36 @@
+<!--
+SPDX-FileCopyrightText: 2023 SAP SE or an SAP affiliate company and Gardener contributors
+
+SPDX-License-Identifier: Apache-2.0
+-->
+
+<template>
+  <g-generic-action-button-dialog
+    icon="mdi-help-circle-outline"
+    color="toolbar-title"
+    class="mr-4"
+    caption="Credential Rotation Help"
+    can-perform-action
+    cancel-button-text=""
+    confirm-button-text="Close"
+  >
+    <template #tooltip>
+      <span>Help</span>
+    </template>
+    <template #content>
+      <v-card-text>
+        There are many different credentials for Shoots to ensure that various components can communicate with each other and to make sure they are usable and operable.<br>
+        <g-external-link url="https://github.com/gardener/gardener/blob/master/docs/usage/shoot_credentials_rotation.md">
+          This page
+        </g-external-link>
+        explains how these credentials can be rotated to ensure the cluster's security.
+      </v-card-text>
+    </template>
+  </g-generic-action-button-dialog>
+</template>
+
+<script setup>
+
+import GGenericActionButtonDialog from '@/components/dialogs/GGenericActionButtonDialog.vue'
+
+</script>
diff --git a/frontend/src/components/GResourceQuotaHelp.vue b/frontend/src/components/GResourceQuotaHelp.vue
index 3045a221c0..48c093e0fd 100644
--- a/frontend/src/components/GResourceQuotaHelp.vue
+++ b/frontend/src/components/GResourceQuotaHelp.vue
@@ -5,69 +5,46 @@ SPDX-License-Identifier: Apache-2.0
 -->
 
 <template>
-  <div
-    v-if="resourceQuotaHelpText"
-    class="mr-2"
+  <g-generic-action-button-dialog
+    icon="mdi-help-circle-outline"
+    color="toolbar-title"
+    class="mr-4"
+    caption="Quota Help"
+    :can-perform-action="!!resourceQuotaHelpText"
+    cancel-button-text=""
+    confirm-button-text="Close"
   >
-    <g-action-button
-      icon="mdi-help-circle-outline"
-      color="toolbar-title"
-      @click="showDialog"
-    >
-      <template #tooltip>
-        <span>Help</span>
-      </template>
-    </g-action-button>
-    <g-dialog
-      ref="gDialog"
-      confirm-button-text="Ok"
-      cancel-button-text=""
-      width="600"
-    >
-      <template #caption>
-        Quota Help
-      </template>
-      <template #content>
-        <v-card-text>
-          <!-- eslint-disable vue/no-v-html -->
-          <div
-            class="wrap-text"
-            v-html="resourceQuotaHelpHtml"
-          />
-          <!-- eslint-enable vue/no-v-html -->
-        </v-card-text>
-      </template>
-    </g-dialog>
-  </div>
+    <template #tooltip>
+      <span>Help</span>
+    </template>
+    <template #content>
+      <v-card-text>
+        <!-- eslint-disable vue/no-v-html -->
+        <div
+          class="wrap-text"
+          v-html="resourceQuotaHelpHtml"
+        />
+        <!-- eslint-enable vue/no-v-html -->
+      </v-card-text>
+    </template>
+  </g-generic-action-button-dialog>
 </template>
 
-<script>
-import { mapState } from 'pinia'
+<script setup>
+import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
 
 import { useConfigStore } from '@/store/config'
 
-import GDialog from '@/components/dialogs/GDialog.vue'
-import GActionButton from '@/components/GActionButton.vue'
+import GGenericActionButtonDialog from '@/components/dialogs/GGenericActionButtonDialog.vue'
 
 import { transformHtml } from '@/utils'
 
-export default {
-  components: {
-    GDialog,
-    GActionButton,
-  },
-  computed: {
-    ...mapState(useConfigStore, [
-      'resourceQuotaHelpText',
-    ]),
-    resourceQuotaHelpHtml () {
-      return transformHtml(this.resourceQuotaHelpText, true)
-    },
-  },
-  methods: {
-    showDialog () {
-      this.$refs.gDialog.showDialog()
-    },
-  },
-}
+const configStore = useConfigStore()
+const { resourceQuotaHelpText } = storeToRefs(configStore)
+
+const resourceQuotaHelpHtml = computed(() => {
+  return transformHtml(resourceQuotaHelpText.value, true)
+})
+
 </script>
diff --git a/frontend/src/components/GShootCustomFieldsConfiguration.vue b/frontend/src/components/GShootCustomFieldsConfiguration.vue
index 5c06a94343..8ebd8c2684 100644
--- a/frontend/src/components/GShootCustomFieldsConfiguration.vue
+++ b/frontend/src/components/GShootCustomFieldsConfiguration.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: Apache-2.0
     disable-confirm-input-focus
     :can-perform-action="canPatchProject"
     :disabled="!canPatchProject"
-    :is-toolbar-close-button-visible="true"
+    is-toolbar-close-button-visible
     cancel-button-text=""
     confirm-button-text="Close"
     width="90vw"
diff --git a/frontend/src/components/ShootDetails/GShootCredentialRotationCard.vue b/frontend/src/components/ShootDetails/GShootCredentialRotationCard.vue
index a126c38f9e..db0cf0e7bb 100644
--- a/frontend/src/components/ShootDetails/GShootCredentialRotationCard.vue
+++ b/frontend/src/components/ShootDetails/GShootCredentialRotationCard.vue
@@ -6,7 +6,11 @@ SPDX-License-Identifier: Apache-2.0
 
 <template>
   <v-card class="mb-4">
-    <g-toolbar title="Credential Rotation" />
+    <g-toolbar title="Credential Rotation">
+      <template #append>
+        <g-credential-rotation-help />
+      </template>
+    </g-toolbar>
     <g-list>
       <g-credential-tile
         type="ALL_CREDENTIALS"
@@ -45,6 +49,7 @@ SPDX-License-Identifier: Apache-2.0
 
 <script setup>
 import GCredentialTile from '@/components/GCredentialTile'
+import GCredentialRotationHelp from '@/components/GCredentialRotationHelp'
 
 import { useShootItem } from '@/composables/useShootItem'