diff --git a/app/client/src/IDE/Components/FileTab/styles.tsx b/app/client/src/IDE/Components/FileTab/styles.tsx
index f5a5ead637f1..79b2e1b25890 100644
--- a/app/client/src/IDE/Components/FileTab/styles.tsx
+++ b/app/client/src/IDE/Components/FileTab/styles.tsx
@@ -10,7 +10,6 @@ export const Tab = styled.div`
   color: var(--ads-v2-colors-text-default);
   cursor: pointer;
   gap: var(--ads-v2-spaces-2);
-  border-top: 1px solid transparent;
   border-top-left-radius: var(--ads-v2-border-radius);
   border-top-right-radius: var(--ads-v2-border-radius);
   align-items: center;
@@ -19,7 +18,7 @@ export const Tab = styled.div`
   padding-top: 6px; // to accommodate border and make icons align correctly
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
-  border-top: 2px solid transparent;
+  border-top: 3px solid transparent;
   flex-shrink: 0;
 
   &.active {
@@ -27,6 +26,10 @@ export const Tab = styled.div`
     border-top-color: var(--ads-v2-color-bg-brand);
     border-left-color: var(--ads-v2-color-border-muted);
     border-right-color: var(--ads-v2-color-border-muted);
+
+    span {
+      font-weight: var(--ads-v2-font-weight-bold);
+    }
   }
 
   & > .tab-close {
@@ -48,6 +51,7 @@ export const IconContainer = styled.div`
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+
   img {
     width: 12px;
   }