Repository: strapi/strapi
File: packages/core/admin/admin/src/components/UnstableGuidedTour/Tours.tsx (TypeScript)

Code before:
        );
      },
      when: (completedActions) => completedActions.includes('didCopyApiToken'),
    },
  ]),
  contentManager: createTour('contentManager', [
    {
      name: 'Introduction',
      content: (Step) => (
        <Step.Root side="top">
          <Step.Title
            id="tours.contentManager.Introduction.title"
            defaultMessage="Content manager"
          />
          <Step.Content
            id="tours.contentManager.Introduction.content"
            defaultMessage="Create and manage content from your collection types and single types."
          />
          <Step.Actions showSkip />
        </Step.Root>
      ),
    },
    {
      name: 'Fields',
      content: (Step) => (
        <Step.Root side={'top'} sideOffset={-36}>
          <Step.Title id="tours.contentManager.Fields.title" defaultMessage="Fields" />
          <Step.Content
            id="tours.contentManager.Fields.content"
            defaultMessage="Add content to the fields created in the Content-Type Builder."
          />
          <Step.Actions />
        </Step.Root>
      ),
    },
    {
      name: 'Publish',
      content: (Step) => (
        <Step.Root side="left" align="center" sideOffset={20}>
          <Step.Title id="tours.contentManager.Publish.title" defaultMessage="Publish" />
          <Step.Content
            id="tours.contentManager.Publish.content"
            defaultMessage="Publish entries to make their content available through the Document Service API."
          />
          <Step.Actions />
        </Step.Root>
      ),
    },
    {
      name: 'Finish',
      content: (Step) => (

Review comment (suggestion):
I think it should just be the default side top center and I have a hunch the sideOffset is not necessary anymore but haven't tested yet. 

```suggestion
        <Step.Root>
```

Code after:
    {
      name: 'CreateAnAPIToken',
      content: (Step) => (
        <Step.Root side="bottom" align="end" sideOffset={-10}>
          <Step.Title
            id="tours.apiTokens.CreateAnAPIToken.title"
            defaultMessage="Create an API token"
          />
          <Step.Content
            id="tours.apiTokens.CreateAnAPIToken.content"
            defaultMessage="Create a new API token. Choose a name, duration and type."
          />
          <Step.Actions />
        </Step.Root>
      ),
    },
    {
      name: 'CopyAPIToken',
      content: (Step) => (
        <Step.Root side="bottom" align="start" sideOffset={-5}>
          <Step.Title
            id="tours.apiTokens.CopyAPIToken.title"
            defaultMessage="Copy your new API token"
          />
          <Step.Content
            id="tours.apiTokens.CopyAPIToken.content"
            defaultMessage="Make sure to do it now, you won’t be able to see it again. You’ll need to generate a new one if you lose it."
          />
          <Step.Actions />
        </Step.Root>
      ),
      when: (completedActions) => completedActions.includes('didCreateApiToken'),
    },
    {
      name: 'Finish',
      content: (Step) => {
        const dispatch = unstableUseGuidedTour('GuidedTourPopover', (s) => s.dispatch);
        return (
          <Step.Root side="right" align="start">
            <Step.Title
              id="tours.apiTokens.FinalStep.title"
              defaultMessage="It’s time to deploy your application!"
            />
            <Step.Content
              id="tours.apiTokens.FinalStep.content"
              defaultMessage="Your application is ready to be deployed and its content to be shared with the world!"
            />
            <Step.Actions showStepCount={false}>
              <Flex justifyContent="end" width={'100%'}>
                <LinkButton
                  onClick={() => {