diff --git a/Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md b/Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md
index b2a262a..426170b 100644
--- a/Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md	
+++ b/Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md	
@@ -62,7 +62,7 @@ sidebar_position: 2
               {/* <!-- SVG Element --> */}
               <div className="hidden md:block absolute top-0 end-0 -translate-y-12 translate-x-20">
                 <svg
-                  className="w-16 h-auto text-primary"
+                  className="w-16 h-auto text-accent"
                   width="121"
                   height="135"
                   viewBox="0 0 121 135"
@@ -94,7 +94,7 @@ sidebar_position: 2
               {/* <!-- SVG Element --> */}
               <div className="hidden md:block absolute bottom-0 start-0 translate-y-10 -translate-x-32">
                 <svg
-                  className="w-40 h-auto text-secondary-content"
+                  className="w-40 h-auto text-secondary"
                   width="347"
                   height="188"
                   viewBox="0 0 347 188"
diff --git a/Documentation/static/img/center-aligned-search-with-tags.png b/Documentation/static/img/center-aligned-search-with-tags.png
index 74d5f41..1a33bc3 100644
Binary files a/Documentation/static/img/center-aligned-search-with-tags.png and b/Documentation/static/img/center-aligned-search-with-tags.png differ