From 03655441fff6ad9977fc658299e73a370e8cd364 Mon Sep 17 00:00:00 2001
From: DorraJaouad <dorra.jaoued7@gmail.com>
Date: Mon, 29 Apr 2024 14:37:20 +0200
Subject: [PATCH] fix: remove margin top for h2 elements in modals

Signed-off-by: DorraJaouad <dorra.jaoued7@gmail.com>
---
 src/App.vue                                                   | 4 ++++
 src/components/BreakoutRoomsEditor/BreakoutRoomsEditor.vue    | 4 ----
 .../RightSidebar/BreakoutRooms/BreakoutRoomsActions.vue       | 4 ----
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 17eff15ba0e5..dc1f4cae93e1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -768,6 +768,10 @@ export default {
 body .modal-wrapper * {
 	box-sizing: border-box;
 }
+
+.modal-wrapper h2 {
+	margin-top: 0;
+}
 </style>
 
 <style lang="scss" scoped>
diff --git a/src/components/BreakoutRoomsEditor/BreakoutRoomsEditor.vue b/src/components/BreakoutRoomsEditor/BreakoutRoomsEditor.vue
index bceb4d2c5990..cfcf1ca65e9d 100644
--- a/src/components/BreakoutRoomsEditor/BreakoutRoomsEditor.vue
+++ b/src/components/BreakoutRoomsEditor/BreakoutRoomsEditor.vue
@@ -161,10 +161,6 @@ export default {
 	justify-content: flex-start;
 	align-items: flex-start;
 
-	h2 {
-		margin-top: 0;
-	}
-
 	&__number-input{
 		display: block;
 		margin-bottom: calc(var(--default-grid-baseline)*4);
diff --git a/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsActions.vue b/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsActions.vue
index 3230dd66a449..b91a40d0d69a 100644
--- a/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsActions.vue
+++ b/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsActions.vue
@@ -296,10 +296,6 @@ export default {
 	&__editor {
 		height: 100%;
 		padding: 20px;
-
-		h2 {
-			margin-top: 0;
-		}
 	}
 }