diff --git a/docs/data/components/progress/styles.module.css b/docs/data/components/progress/styles.module.css
index b32f75c08f..a06a557284 100644
--- a/docs/data/components/progress/styles.module.css
+++ b/docs/data/components/progress/styles.module.css
@@ -12,13 +12,13 @@
width: 100%;
height: 4px;
border-radius: 9999px;
- background-color: var(--color-gray-400);
+ background-color: var(--color-gray-400, oklch(12% 8% 264 / 38%));
display: flex;
overflow: hidden;
}
.indicator {
- background-color: var(--code-6);
+ background-color: var(--code-6, #00749e);
border-radius: inherit;
}
@@ -31,7 +31,7 @@
.label {
cursor: unset;
font-weight: bold;
- color: var(--color-gray-700);
+ color: var(--color-gray-700, oklch(12% 6% 264 / 77%));
}
@keyframes indeterminateProgress {
diff --git a/docs/data/components/radio-group/radio-group.mdx b/docs/data/components/radio-group/radio-group.mdx
index c31420a402..bedab85d2f 100644
--- a/docs/data/components/radio-group/radio-group.mdx
+++ b/docs/data/components/radio-group/radio-group.mdx
@@ -117,7 +117,7 @@ Place the component inside an HTML element or component with the HTML `dir="rtl"
```jsx
- {/* RTL keyboard behavior*/}
+ {/* RTL keyboard behavior */}
```
diff --git a/docs/data/components/tabs/tabs.mdx b/docs/data/components/tabs/tabs.mdx
index 7704c427f5..65e26ead8e 100644
--- a/docs/data/components/tabs/tabs.mdx
+++ b/docs/data/components/tabs/tabs.mdx
@@ -161,7 +161,7 @@ Place horizontal tabs inside an HTML element or component with the HTML `dir="rt
```jsx
- {/* RTL keyboard behavior*/}
+ {/* RTL keyboard behavior */}
```