diff --git a/frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggegateSection.styles.scss b/frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggregateSection.styles.scss
similarity index 100%
rename from frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggegateSection.styles.scss
rename to frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggregateSection.styles.scss
diff --git a/frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggregateSection.tsx b/frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggregateSection.tsx
index be25094f8168..e55c73149136 100644
--- a/frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggregateSection.tsx
+++ b/frontend/src/components/QueryBuilderV2/Metrics/MerticsAggregateSection/MetricsAggregateSection.tsx
@@ -1,4 +1,4 @@
-import './MetricsAggegateSection.styles.scss';
+import './MetricsAggregateSection.styles.scss';
 
 import { Tooltip } from 'antd';
 import InputWithLabel from 'components/InputWithLabel/InputWithLabel';
diff --git a/frontend/src/components/QueryBuilderV2/Metrics/MetricsSelect/MetricsSelect.styles.scss b/frontend/src/components/QueryBuilderV2/Metrics/MetricsSelect/MetricsSelect.styles.scss
index 017480fffcad..8198d156217f 100644
--- a/frontend/src/components/QueryBuilderV2/Metrics/MetricsSelect/MetricsSelect.styles.scss
+++ b/frontend/src/components/QueryBuilderV2/Metrics/MetricsSelect/MetricsSelect.styles.scss
@@ -17,7 +17,7 @@
 
 	.ant-select-dropdown {
 		border-radius: 4px;
-		border: 1px solid var(--Slate-400, #1d212d);
+		border: 1px solid var(--bg-slate-400);
 		background: linear-gradient(
 			139deg,
 			rgba(18, 19, 23, 0.8) 0%,
diff --git a/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.styles.scss b/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.styles.scss
index 14825281654f..85846c1e8df5 100644
--- a/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.styles.scss
+++ b/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.styles.scss
@@ -27,14 +27,14 @@
 			background: var(--bg-slate-400);
 		}
 
-		.selected_view {
+		.selected-view {
 			color: var(--text-robin-500);
 			border: 1px solid var(--bg-slate-400);
 
 			display: none;
 		}
 
-		.selected_view::before {
+		.selected-view::before {
 			background: var(--bg-slate-400);
 		}
 	}
diff --git a/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.tsx b/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.tsx
index bc887265d802..d601768b07a6 100644
--- a/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.tsx
+++ b/frontend/src/components/QueryBuilderV2/QueryAddOns/QueryAddOns.tsx
@@ -189,7 +189,7 @@ function QueryAddOns({
 							key={addOn.label}
 							className={
 								selectedViews.find((view) => view.key === addOn.key)
-									? 'selected_view tab'
+									? 'selected-view tab'
 									: 'tab'
 							}
 							value={addOn}