From 11306fca13c4e0fa5c9ed83646ad9f1fbae945f6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 25 Jul 2024 20:43:12 +0200
Subject: [PATCH] docs: improve icons documentation

---
 packages/docs/content/components/icon.mdx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/content/components/icon.mdx b/packages/docs/content/components/icon.mdx
index ef56fd5b..5e995616 100644
--- a/packages/docs/content/components/icon.mdx
+++ b/packages/docs/content/components/icon.mdx
@@ -257,7 +257,7 @@ export const LinearExample = () => {
       {icons.map((i, idx) => {
         return (
           <CCol className="mb-4" key={idx}>
-            <div className="p-3 py-4 mb-2 bg-light text-center rounded">
+            <div className="p-3 py-4 mb-2 bg-body-tertiary text-center rounded">
               <CIcon icon={icon[i]} size="xxl"/>
             </div>
             <div className="text-body-secondary text-center pt-1 small">{i}</div>
@@ -274,7 +274,7 @@ export const BrandExample = () => {
       {icons.map((i, idx) => {
         return (
           <CCol className="mb-4" key={idx}>
-            <div className="p-3 py-4 mb-2 bg-light text-center rounded">
+            <div className="p-3 py-4 mb-2 bg-body-tertiary text-center rounded">
               <CIcon icon={icon[i]} size="xxl"/>
             </div>
             <div className="text-body-secondary text-center pt-1 small">{i}</div>
@@ -291,7 +291,7 @@ export const FlagsExample = () => {
       {icons.map((i, idx) => {
         return (
           <CCol className="mb-4" key={idx}>
-            <div className="p-3 py-4 mb-2 bg-light text-center rounded">
+            <div className="p-3 py-4 mb-2 bg-body-tertiary text-center rounded">
               <CIcon icon={icon[i]} size="xxl"/>
             </div>
             <div className="text-body-secondary text-center pt-1 small">{i}</div>