diff --git a/src/components/CallView/shared/LocalMediaControls.vue b/src/components/CallView/shared/LocalMediaControls.vue
index b055d7892bf..b0bf4fdfd86 100644
--- a/src/components/CallView/shared/LocalMediaControls.vue
+++ b/src/components/CallView/shared/LocalMediaControls.vue
@@ -593,9 +593,10 @@ export default {
 }
 
 .hint {
-	padding: 4px;
+	padding: 12px;
+	max-width: 300px;
 	text-align: left;
-	&__actions{
+	&__actions {
 		display: flex;
 		flex-direction: row-reverse;
 		justify-content: space-between;
diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index ceba3eec764..7efdae757c6 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -527,7 +527,8 @@ export default {
 }
 
 .hint {
-	padding: 4px;
+	padding: 12px;
+	max-width: 300px;
 	text-align: left;
 	&__button {
 		height: $clickable-area;