From c320c20280814245c731946c913520b926f160ef Mon Sep 17 00:00:00 2001
From: Palash gupta <palash@signoz.io>
Date: Wed, 16 Mar 2022 17:09:27 +0530
Subject: [PATCH] chore: styled tab is updated to Tab from antd

---
 .../container/TraceDetail/SelectedSpanDetails/index.tsx  | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/src/container/TraceDetail/SelectedSpanDetails/index.tsx b/frontend/src/container/TraceDetail/SelectedSpanDetails/index.tsx
index 13df0efef8..704405fed6 100644
--- a/frontend/src/container/TraceDetail/SelectedSpanDetails/index.tsx
+++ b/frontend/src/container/TraceDetail/SelectedSpanDetails/index.tsx
@@ -1,5 +1,5 @@
 import { Space, Tabs, Typography } from 'antd';
-import { StyledSpace, StyledTabs } from 'components/Styled';
+import { StyledSpace } from 'components/Styled';
 import useThemeMode from 'hooks/useThemeMode';
 import React from 'react';
 import { ITraceTree } from 'types/api/trace/getTraceItem';
@@ -42,10 +42,7 @@ const SelectedSpanDetails = (props: SelectedSpanDetailsProps): JSX.Element => {
 					<CustomText>{name}</CustomText>
 				</Space>
 			</StyledSpace>
-			<StyledTabs
-				styledclass={[styles.spanEventsTabsContainer]}
-				defaultActiveKey="1"
-			>
+			<Tabs defaultActiveKey="1">
 				<TabPane tab="Tags" key="1">
 					{tags.length !== 0 ? (
 						tags.map((tags) => {
@@ -73,7 +70,7 @@ const SelectedSpanDetails = (props: SelectedSpanDetailsProps): JSX.Element => {
 						<Typography>No events data in selected span</Typography>
 					)}
 				</TabPane>
-			</StyledTabs>
+			</Tabs>
 		</CardContainer>
 	);
 };