diff --git a/src/components/EditMenu.vue b/src/components/EditMenu.vue
index e358eba38..628d49cc9 100644
--- a/src/components/EditMenu.vue
+++ b/src/components/EditMenu.vue
@@ -520,6 +520,7 @@
>
@@ -867,6 +868,24 @@ onMounted(() => {
const widgetMode = ref('Regular widgets' || 'Mini widgets')
+// Resize mini widgets so they fit the layout when the widget mode is set to mini widgets
+const miniWidgetContainers = ref>({})
+watch(widgetMode, () => {
+ if (widgetMode.value !== 'Mini widgets') return
+ nextTick(() => {
+ Object.values(miniWidgetContainers.value).forEach((element) => {
+ if (element.scrollWidth > element.clientWidth) {
+ let scale = 1
+ while (element.scrollWidth > element.clientWidth) {
+ scale -= 0.01
+ const actualElement = element.children[1] as HTMLElement
+ actualElement.style.scale = `${scale}`
+ }
+ }
+ })
+ })
+})
+
const availableVehicleTypes = computed(() => Object.keys(MavType))
const vehicleTypesAssignedToCurrentProfile = computed({