diff --git a/packages/opendesign/src/anchor/OAnchorItem.vue b/packages/opendesign/src/anchor/OAnchorItem.vue
index 2e91f7912bddf152596b70d1f408e3126137d9f3..4d153688abaa2b901ca7d02183e8ffca7e29b0ec 100644
--- a/packages/opendesign/src/anchor/OAnchorItem.vue
+++ b/packages/opendesign/src/anchor/OAnchorItem.vue
@@ -41,16 +41,6 @@ watch(
 
 const depth = anchorItemInjection ? anchorItemInjection.depth + 1 : 1;
 
-const style = computed(() => {
-  if (depth === 1) {
-    return {};
-  } else {
-    return {
-      paddingLeft: `${12 * (depth - 1) + 8}px`,
-    };
-  }
-});
-
 provide(anchorItemInjectKey, { depth });
 
 onMounted(() => {
@@ -64,7 +54,14 @@ onUnmounted(() => {
 
 <template>
   <div class="o-anchor-item">
-    <a :href="props.href" :target="props.target" class="o-anchor-item-link" :class="{ 'is-active': isActive }" :style="style" @click="onClick">
+    <a
+      :href="props.href"
+      :target="props.target"
+      class="o-anchor-item-link"
+      :class="{ 'is-active': isActive }"
+      :style="{ '--anchor-item-depth': depth - 1 }"
+      @click="onClick"
+    >
       <slot name="title">{{ props.title }}</slot>
     </a>
     <slot></slot>
diff --git a/packages/opendesign/src/anchor/style/index.scss b/packages/opendesign/src/anchor/style/index.scss
index e6b6f59b06731c7cec52d32669a01b1cb474daeb..8bb47c5840ef5591b0176e882570a9878c439b64 100644
--- a/packages/opendesign/src/anchor/style/index.scss
+++ b/packages/opendesign/src/anchor/style/index.scss
@@ -1,3 +1,3 @@
 @use './style.scss' as *;
-@use './media.scss' as *;
 @use './var.scss' as *;
+@use './media.scss' as *;
diff --git a/packages/opendesign/src/anchor/style/media.scss b/packages/opendesign/src/anchor/style/media.scss
index f415089a72379f537e904f06a5668e095fa1b0f7..1f1e6278f24e4ea00bff8fabeb50f40fd97d2d89 100644
--- a/packages/opendesign/src/anchor/style/media.scss
+++ b/packages/opendesign/src/anchor/style/media.scss
@@ -1,8 +1,9 @@
 @use '../../_styles/mixin.scss' as *;
 
-@include respond-to('<=laptop') {
+@include respond-to('<=pc_s') {
   .o-anchor-item {
     --anchor-item-link-text-size: var(--o-font_size-tip1);
     --anchor-item-link-text-height: var(--o-line_height-tip1);
+    --anchor-item-text-indent: 8px;
   }
 }
diff --git a/packages/opendesign/src/anchor/style/style.scss b/packages/opendesign/src/anchor/style/style.scss
index d90501d777194ead6aff02db4bd6b9d0779dafbc..5a864bfd83584661c2dcb76fe2b26ea87fffd8db 100644
--- a/packages/opendesign/src/anchor/style/style.scss
+++ b/packages/opendesign/src/anchor/style/style.scss
@@ -47,7 +47,11 @@
   font-size: var(--anchor-item-link-text-size);
   line-height: var(--anchor-item-link-text-height);
   background-color: var(--anchor-item-link-bg-color);
-  padding: var(--anchor-item-link-padding);
+  padding: 
+    var(--anchor-item-link-padding-v)
+    var(--anchor-item-link-padding-h)
+    var(--anchor-item-link-padding-v)
+    calc(var(--anchor-item-text-indent) * var(--anchor-item-depth) + var(--anchor-item-link-padding-h));
   border-radius: var(--anchor-item-link-radius);
   transition: background-color var(--o-duration-s) var(--o-easing-standard);
 
diff --git a/packages/opendesign/src/anchor/style/var.scss b/packages/opendesign/src/anchor/style/var.scss
index 8d13c1f8acc1be9755c6982d73712f274890cfa3..4c9268cd8f8f7b9b5fa58e6335264e9d71a50bc8 100644
--- a/packages/opendesign/src/anchor/style/var.scss
+++ b/packages/opendesign/src/anchor/style/var.scss
@@ -20,8 +20,10 @@
   --anchor-item-link-bg-color-hover: var(--o-color-control2-light);
   --anchor-item-link-bg-color-active: var(--o-color-control3-light);
 
-  --anchor-item-link-padding: 7px 8px;
+  --anchor-item-link-padding-h: 8px;
+  --anchor-item-link-padding-v: 7px;
   --anchor-item-link-radius: var(--o-radius_control-s);
 
   --anchor-item-link-gap: 2px;
+  --anchor-item-text-indent: 12px;
 }