diff --git a/src/components/section/SectionHeader/SectionHeader.tsx b/src/components/section/SectionHeader/SectionHeader.tsx
index 08d363dc..004ddc78 100644
--- a/src/components/section/SectionHeader/SectionHeader.tsx
+++ b/src/components/section/SectionHeader/SectionHeader.tsx
@@ -1,16 +1,21 @@
 import { ReactNode } from 'react'
 import { SectionHeaderArea } from './SectionHeaderArea'
 import { SectionHeaderTitle } from './SectionHeaderTitle'
+import { SectionHeaderRow, SectionHeaderRowLayout } from './SectionHeaderRow'
 
 export type SectionHeaderProps = {
   title: ReactNode
   className?: string
+  right?: ReactNode
 }
 
-export function SectionHeader({ className, title }: SectionHeaderProps) {
+export function SectionHeader({ className, title, right }: SectionHeaderProps) {
   return (
     <SectionHeaderArea className={className}>
-      <SectionHeaderTitle>{title}</SectionHeaderTitle>
+      <SectionHeaderRow layout={SectionHeaderRowLayout.SpaceBetween}>
+        <SectionHeaderTitle>{title}</SectionHeaderTitle>
+        {right}
+      </SectionHeaderRow>
     </SectionHeaderArea>
   )
 }