diff --git a/src/components/custom/BgRssiChart.vue b/src/components/custom/BgRssiChart.vue
index 14c571225b0..f5ecbd069c9 100644
--- a/src/components/custom/BgRssiChart.vue
+++ b/src/components/custom/BgRssiChart.vue
@@ -262,7 +262,7 @@ export default {
 				// in-legend display
 				label: '',
 				value: (self, rawValue) =>
-					rawValue ? rawValue.toFixed(2) + ' dBm' : '----- dBm',
+					rawValue ? rawValue.toFixed(2) + ' dBm' : '---',
 				// series style
 				stroke: 'red',
 				width: 1,
@@ -314,11 +314,13 @@ export default {
 				this.ro.observe(container)
 			}
 
+			const width = this.$parent.$el.offsetWidth
+
 			const opts = {
 				title: 'Background RSSI',
 				// class: "my-chart",
-				width: 400,
-				height: 400,
+				width,
+				height: 500,
 				plugins: [touchZoomPlugin()],
 				axes: [
 					{
diff --git a/src/views/Mesh.vue b/src/views/Mesh.vue
index a3788007d30..33b619044ec 100644
--- a/src/views/Mesh.vue
+++ b/src/views/Mesh.vue
@@ -72,7 +72,7 @@
 	background: #ccccccaa;
 	border: 2px solid black;
 	border-radius: 20px;
-	max-width: 400px;
+	max-width: 500px;
 	z-index: 1;
 	max-height: 80vh;
 	overflow-y: scroll;