diff --git a/src/VehicleSetup/VehicleSummary.qml b/src/VehicleSetup/VehicleSummary.qml
index 3c711cf67a03fe5582481a22b228cafd7105ced1..89154d92f10348d6bad85fa66d16faf5f890eaff 100644
--- a/src/VehicleSetup/VehicleSummary.qml
+++ b/src/VehicleSetup/VehicleSummary.qml
@@ -75,8 +75,8 @@ Rectangle {
         }
 
         Flow {
-            width: parent.width
-            spacing: 10
+            width:      parent.width
+            spacing:    ScreenTools.defaultFontPixelWidth
 
             Repeater {
                 model: multiVehicleManager.activeVehicle.autopilot.vehicleComponents
@@ -84,10 +84,10 @@ Rectangle {
 
                 // Outer summary item rectangle
                 Rectangle {
-                    readonly property real titleHeight: 30
+                    readonly property real titleHeight: ScreenTools.defaultFontPixelHeight * 2
 
-                    width:  250
-                    height: 200
+                    width:  ScreenTools.defaultFontPixelWidth * 28
+                    height: ScreenTools.defaultFontPixelHeight * 13
                     color:  qgcPal.windowShade
 
                     // Title bar