From 4e333512bb61408fb4bac0e73675095c40088bd4 Mon Sep 17 00:00:00 2001
From: Vinay Chilukuri <101088862+vinay-appsmith@users.noreply.github.com>
Date: Tue, 27 Feb 2024 14:54:58 +0530
Subject: [PATCH] fix: Make the active tab standout from the background
 (#31306)

Regression from the previous state where the background of the active
tab has been missed.


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Updated the background color of the active tab in the editor for
improved visibility and aesthetics.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 app/client/src/pages/Editor/IDE/EditorTabs/StyledComponents.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/client/src/pages/Editor/IDE/EditorTabs/StyledComponents.tsx b/app/client/src/pages/Editor/IDE/EditorTabs/StyledComponents.tsx
index ba30637570..8355bf5f9c 100644
--- a/app/client/src/pages/Editor/IDE/EditorTabs/StyledComponents.tsx
+++ b/app/client/src/pages/Editor/IDE/EditorTabs/StyledComponents.tsx
@@ -42,6 +42,7 @@ export const StyledTab = styled(Flex)`
   }
 
   &.active {
+    background: var(--ads-v2-colors-control-field-default-bg);
     border-top: 2px solid var(--ads-v2-color-bg-brand);
     border-left: 1px solid var(--ads-v2-color-border);
     border-right: 1px solid var(--ads-v2-color-border);