diff --git a/src/frontend/apps/impress/src/components/Icon.tsx b/src/frontend/apps/impress/src/components/Icon.tsx
index ba9719bc..bbbfa9bb 100644
--- a/src/frontend/apps/impress/src/components/Icon.tsx
+++ b/src/frontend/apps/impress/src/components/Icon.tsx
@@ -13,6 +13,7 @@ export const IconBG = ({ iconName, ...textProps }: IconBGProps) => {
       $isMaterialIcon
       $size="36px"
       $theme="primary"
+      $variation="700"
       $background={colorsTokens()['primary-bg']}
       $css={`border: 1px solid ${colorsTokens()['primary-200']}`}
       $radius="12px"
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
index 75f003ad..79aa8e35 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
@@ -39,7 +39,7 @@ export const DocHeader = ({ doc, versionId }: DocHeaderProps) => {
             <Text
               $isMaterialIcon
               $theme="primary"
-              $variation="600"
+              $variation="700"
               $size="2rem"
               $css={`&:hover {background-color: ${colorsTokens()['primary-100']}; };`}
               $hasTransition
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx
index cadff5a3..09daec7f 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx
@@ -43,7 +43,7 @@ export const DocVisibility = ({ doc }: DocVisibilityProps) => {
       $justify="space-between"
     >
       <Box $direction="row" $gap="1rem">
-        <IconBG iconName="public" $margin="none" />
+        <IconBG iconName="public" />
         <Switch
           label={t(docPublic ? 'Doc public' : 'Doc private')}
           defaultChecked={docPublic}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx
index cb74d841..8ed3cb8a 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx
@@ -58,7 +58,7 @@ export const ModalShare = ({ onClose, doc }: ModalShareProps) => {
               $isMaterialIcon
               $size="48px"
               $theme="primary"
-              $variation="600"
+              $variation="700"
             >
               share
             </Text>
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
index caf1ebe2..30fdd529 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
@@ -102,7 +102,7 @@ export const DocsGrid = ({ topSlot }: { topSlot?: ReactNode }) => {
           as="h2"
           $theme="primary"
           $margin="none"
-          $variation="600"
+          $variation="700"
         >
           {t('Documents')}
         </Text>