如何讓標題菜單只在右邊？

我使用Next.js和Chakra UI，并編寫如下代碼。

<DashboardLayout>

表示左側車窗。

<EditSubHeader>

表示標題菜單。

return (
    <DashboardLayout>
      <Box w="100%">
        <Box position="fixed" right="0" zIndex="999">
          <EditSubHeader
            onSubmit={handleSubmit(onSubmit)}
            backLink={pagesPath.admin.products.$url()}
            isLoading={creatingProduct}
          />
        </Box>
        <Box px={12}>
          <Heading mt={10}>商品登録</Heading>
          <Box bg={alias.background.white} px={6} pt={12} pb={16}>
          .
          .
          .
          .
          </Box>
        </Box>
      </Box>
    </DashboardLayout>
  );