From 8b672f89c24a60680d5c3fafb09693131500a8a3 Mon Sep 17 00:00:00 2001
From: adripo <26493496+adripo@users.noreply.github.com>
Date: Tue, 18 Oct 2022 06:11:36 +0200
Subject: [PATCH] Adds default highlight color (#4498)

---
 frontend/src/Editor/Components/Tabs.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Editor/Components/Tabs.jsx b/frontend/src/Editor/Components/Tabs.jsx
index 053f2366d2..a330a3d577 100644
--- a/frontend/src/Editor/Components/Tabs.jsx
+++ b/frontend/src/Editor/Components/Tabs.jsx
@@ -36,7 +36,7 @@ export const Tabs = function Tabs({
   parsedTabs = parsedTabs.map((parsedTab, index) => ({ ...parsedTab, id: parsedTab.id ? parsedTab.id : index }));
 
   // Highlight color - for active tab text and border
-  const highlightColor = component.definition.styles?.highlightColor?.value ?? '';
+  const highlightColor = component.definition.styles?.highlightColor?.value ?? '#f44336';
   let parsedHighlightColor = highlightColor;
   parsedHighlightColor = resolveWidgetFieldValue(highlightColor, currentState);