diff --git a/packages/opendesign/src/breadcrumb/style/index.scss b/packages/opendesign/src/breadcrumb/style/index.scss
index e6b6f59b06731c7cec52d32669a01b1cb474daeb..8bb47c5840ef5591b0176e882570a9878c439b64 100644
--- a/packages/opendesign/src/breadcrumb/style/index.scss
+++ b/packages/opendesign/src/breadcrumb/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/breadcrumb/style/media.scss b/packages/opendesign/src/breadcrumb/style/media.scss
index e491a18a77ee77dead348d4cc23dae1740b352da..43264a37d473f028c8115cc9e152c565d1d21bd3 100644
--- a/packages/opendesign/src/breadcrumb/style/media.scss
+++ b/packages/opendesign/src/breadcrumb/style/media.scss
@@ -1,9 +1,9 @@
 @use '../../_styles/mixin.scss' as *;
 
-@include respond-to('<=laptop') {
+@include respond-to('<=pc_s') {
   .o-breadcrumb {
     --breadcrumb-text-size: var(--o-font_size-tip2);
     --breadcrumb-text-height: var(--o-line_height-tip2);
-    --breadcrumb-seperator-size: var(--o-icon_size_control-xs);
+    --breadcrumb-separator-size: var(--o-icon_size_control-xs);
   }
 }
diff --git a/packages/opendesign/src/breadcrumb/style/style.scss b/packages/opendesign/src/breadcrumb/style/style.scss
index 21c9859b55226c099191816770ae50107146e360..2d9da3a12a2268707c71512a97aaed7f68fbf3d2 100644
--- a/packages/opendesign/src/breadcrumb/style/style.scss
+++ b/packages/opendesign/src/breadcrumb/style/style.scss
@@ -18,10 +18,10 @@
   align-items: center;
 
   &:last-child {
-    color: var(--breadcrumb-color-selected);
     font-weight: 500;
-
+    
     .o-breadcrumb-item-label {
+      color: var(--breadcrumb-color-selected);
       cursor: auto;
       max-width: none;
     }
@@ -52,8 +52,8 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: var(--breadcrumb-seperator-size);
-  font-size: var(--breadcrumb-seperator-size);
+  min-width: var(--breadcrumb-separator-size);
+  font-size: var(--breadcrumb-separator-size);
   line-height: 1;
   transition: color var(--o-duration-s) var(--o-easing-standard);
   margin: 0 var(--breadcrumb-gap);
diff --git a/packages/opendesign/src/breadcrumb/style/var.scss b/packages/opendesign/src/breadcrumb/style/var.scss
index 2feaea59048e909fb07ce0038e9a70e4382d0386..7a558f533db68dc1fe81e8ca9db45e294e8c1c10 100644
--- a/packages/opendesign/src/breadcrumb/style/var.scss
+++ b/packages/opendesign/src/breadcrumb/style/var.scss
@@ -1,14 +1,14 @@
 .o-breadcrumb {
   --breadcrumb-color: var(--o-color-info3);
-  --breadcrumb-color-hover: var(--o-color-info1);
-  --breadcrumb-color-active: var(--o-color-info1);
-  --breadcrumb-color-selected: var(--o-color-info1);
+  --breadcrumb-color-hover: var(--o-color-primary2);
+  --breadcrumb-color-active: var(--o-color-primary3);
+  --breadcrumb-color-selected: var(--o-color-primary1);
 
   --breadcrumb-text-size: var(--o-font_size-tip1);
   --breadcrumb-text-height: var(--o-line_height-tip1);
 
   --breadcrumb-gap: 4px;
-  --breadcrumb-seperator-size: var(--o-icon_size_control-m);
+  --breadcrumb-separator-size: var(--o-icon_size_control-m);
 
   --breadcrumb-label-max-width: 140px;
 }