diff --git a/frontend/src/container/NewDashboard/DashboardDescription/Description.styles.scss b/frontend/src/container/NewDashboard/DashboardDescription/Description.styles.scss
index 78c5c05a4e..39802eaba9 100644
--- a/frontend/src/container/NewDashboard/DashboardDescription/Description.styles.scss
+++ b/frontend/src/container/NewDashboard/DashboardDescription/Description.styles.scss
@@ -53,53 +53,59 @@
 		padding: 0px;
 	}
 
-	.dashboard-breadcrumbs {
-		height: 48px;
-		padding: 16px;
+	.dashboard-header {
 		border-bottom: 1px solid var(--bg-slate-400);
 		display: flex;
-		gap: 6px;
+		justify-content: space-between;
 		align-items: center;
 
-		.dashboard-btn {
+		.dashboard-breadcrumbs {
+			height: 48px;
+			padding: 16px;
 			display: flex;
+			gap: 6px;
 			align-items: center;
-			color: var(--bg-vanilla-400);
-			font-family: Inter;
-			font-size: 14px;
-			font-style: normal;
-			font-weight: 400;
-			line-height: 20px; /* 142.857% */
-			letter-spacing: -0.07px;
-			padding: 0px;
-			height: 20px;
-		}
 
-		.dashboard-btn:hover {
-			background-color: unset;
-		}
-
-		.id-btn {
-			display: flex;
-			align-items: center;
-			padding: 0px 2px;
-			border-radius: 2px;
-			background: rgba(113, 144, 249, 0.1);
-			color: var(--bg-robin-400);
-			font-family: Inter;
-			font-size: 14px;
-			font-style: normal;
-			font-weight: 400;
-			line-height: 20px; /* 142.857% */
-			height: 20px;
-
-			.ant-btn-icon {
-				margin-inline-end: 4px;
+			.dashboard-btn {
+				display: flex;
+				align-items: center;
+				color: var(--bg-vanilla-400);
+				font-family: Inter;
+				font-size: 14px;
+				font-style: normal;
+				font-weight: 400;
+				line-height: 20px; /* 142.857% */
+				letter-spacing: -0.07px;
+				padding: 0px;
+				height: 20px;
+			}
+
+			.dashboard-btn:hover {
+				background-color: unset;
+			}
+
+			.id-btn {
+				display: flex;
+				align-items: center;
+				padding: 0px 2px;
+				border-radius: 2px;
+				background: rgba(113, 144, 249, 0.1);
+				color: var(--bg-robin-400);
+				font-family: Inter;
+				font-size: 14px;
+				font-style: normal;
+				font-weight: 400;
+				line-height: 20px; /* 142.857% */
+				height: 20px;
+
+				.ant-btn-icon {
+					margin-inline-end: 4px;
+				}
+			}
+			.id-btn:hover {
+				background: rgba(113, 144, 249, 0.1);
+				color: var(--bg-robin-300);
 			}
-		}
-		.id-btn:hover {
-			background: rgba(113, 144, 249, 0.1);
-			color: var(--bg-robin-300);
 		}
 	}
 
@@ -562,11 +568,12 @@
 	.dashboard-description-container {
 		color: var(--bg-ink-400);
 
-		.dashboard-breadcrumbs {
+		.dashboard-header {
 			border-bottom: 1px solid var(--bg-vanilla-300);
-
-			.dashboard-btn {
-				color: var(--bg-ink-400);
+			.dashboard-breadcrumbs {
+				.dashboard-btn {
+					color: var(--bg-ink-400);
+				}
 			}
 		}
 
diff --git a/frontend/src/container/NewDashboard/DashboardDescription/index.tsx b/frontend/src/container/NewDashboard/DashboardDescription/index.tsx
index 0af57abdc7..d6cfbc99d9 100644
--- a/frontend/src/container/NewDashboard/DashboardDescription/index.tsx
+++ b/frontend/src/container/NewDashboard/DashboardDescription/index.tsx
@@ -1,16 +1,7 @@
 import './Description.styles.scss';
 
 import { PlusOutlined } from '@ant-design/icons';
-import {
-	Button,
-	Card,
-	Flex,
-	Input,
-	Modal,
-	Popover,
-	Tag,
-	Typography,
-} from 'antd';
+import { Button, Card, Input, Modal, Popover, Tag, Typography } from 'antd';
 import FacingIssueBtn from 'components/facingIssueBtn/FacingIssueBtn';
 import { dashboardHelpMessage } from 'components/facingIssueBtn/util';
 import { SOMETHING_WENT_WRONG } from 'constants/api';
@@ -261,7 +252,7 @@ function DashboardDescription(props: DashboardDescriptionProps): JSX.Element {
 
 	return (
 		<Card className="dashboard-description-container">
-			<Flex justify="space-between" align="center">
+			<div className="dashboard-header">
 				<section className="dashboard-breadcrumbs">
 					<Button
 						type="text"
@@ -297,7 +288,7 @@ function DashboardDescription(props: DashboardDescriptionProps): JSX.Element {
 					buttonText="Facing issues with dashboards?"
 					onHoverText="Click here to get help with dashboard details"
 				/>
-			</Flex>
+			</div>
 			<section className="dashbord-details">
 				<div className="left-section">
 					<img