From badf19156925665c3b455e2f480052adbf194804 Mon Sep 17 00:00:00 2001
From: Edoardo Sabadelli <edoardo@dhis2.org>
Date: Mon, 13 Nov 2023 14:17:25 +0100
Subject: [PATCH] fix: add styles for title in disabled sections

---
 src/components/Options/VisualizationOptions.js              | 2 ++
 src/components/Options/styles/VisualizationOptions.style.js | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/Options/VisualizationOptions.js b/src/components/Options/VisualizationOptions.js
index 3bb3e3174..c8eb10e72 100644
--- a/src/components/Options/VisualizationOptions.js
+++ b/src/components/Options/VisualizationOptions.js
@@ -18,6 +18,7 @@ import {
     modalContent,
     tabSection,
     tabSectionTitle,
+    tabSectionTitleDisabled,
     tabSectionTitleMargin,
     tabSectionOption,
     tabSectionOptionItem,
@@ -95,6 +96,7 @@ const VisualizationOptions = ({
                     {tabContent.styles}
                     {tabSection.styles}
                     {tabSectionTitle.styles}
+                    {tabSectionTitleDisabled.styles}
                     {tabSectionTitleMargin.styles}
                     {tabSectionOption.styles}
                     {tabSectionOptionItem.styles}
diff --git a/src/components/Options/styles/VisualizationOptions.style.js b/src/components/Options/styles/VisualizationOptions.style.js
index bcd74f517..61c87803f 100644
--- a/src/components/Options/styles/VisualizationOptions.style.js
+++ b/src/components/Options/styles/VisualizationOptions.style.js
@@ -51,6 +51,12 @@ export const tabSectionTitle = css.resolve`
     }
 `
 
+export const tabSectionTitleDisabled = css.resolve`
+    span {
+        color: ${colors.grey600};
+    }
+`
+
 export const tabSectionTitleMargin = css.resolve`
     span {
         margin-top: ${spacers.dp8};