diff --git a/src/frontend/apps/impress/src/components/Panel.tsx b/src/frontend/apps/impress/src/components/Panel.tsx
index 37c7ca55f..176a137db 100644
--- a/src/frontend/apps/impress/src/components/Panel.tsx
+++ b/src/frontend/apps/impress/src/components/Panel.tsx
@@ -90,7 +90,7 @@ export const Panel = ({
             }}
             $radius="2px"
           />
-          <Text $weight="bold" $size="l" $theme="primary">
+          <Text $weight="bold" $size="l" $theme="primary" $variation="900">
             {title}
           </Text>
         </Box>
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
index 2e4fc9b1b..1bcf15ad6 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
@@ -117,7 +117,7 @@ export const ModalRemoveDoc = ({ onClose, doc }: ModalRemoveDocProps) => {
               border: `1px solid ${colorsTokens()['primary-300']}`,
             }}
           />
-          <Text $theme="primary" $weight="bold" $size="l">
+          <Text $theme="greyscale" $variation="900" $weight="bold" $size="l">
             {doc.title}
           </Text>
         </Text>
diff --git a/src/frontend/apps/impress/src/features/docs/doc-summary/components/Summary.tsx b/src/frontend/apps/impress/src/features/docs/doc-summary/components/Summary.tsx
index e00ddae5e..3ff7c88c5 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-summary/components/Summary.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-summary/components/Summary.tsx
@@ -55,7 +55,11 @@ export const Summary = ({ doc }: SummaryProps) => {
           }}
           style={{ textAlign: 'left' }}
         >
-          <Text $theme="primary" $padding={{ vertical: 'xtiny' }}>
+          <Text
+            $theme="primary"
+            $variation="900"
+            $padding={{ vertical: 'xtiny' }}
+          >
             {heading.content?.[0]?.type === 'text' && heading.content?.[0]?.text
               ? `- ${heading.content[0].text}`
               : ''}
@@ -78,7 +82,11 @@ export const Summary = ({ doc }: SummaryProps) => {
           });
         }}
       >
-        <Text $theme="primary" $padding={{ vertical: 'xtiny' }}>
+        <Text
+          $theme="greyscale"
+          $variation="600"
+          $padding={{ vertical: 'xtiny' }}
+        >
           {t('Back to top')}
         </Text>
       </BoxButton>
@@ -95,7 +103,11 @@ export const Summary = ({ doc }: SummaryProps) => {
             });
         }}
       >
-        <Text $theme="primary" $padding={{ vertical: 'xtiny' }}>
+        <Text
+          $theme="greyscale"
+          $variation="600"
+          $padding={{ vertical: 'xtiny' }}
+        >
           {t('Go to bottom')}
         </Text>
       </BoxButton>