diff --git a/desktop-app/src/common/deviceList.ts b/desktop-app/src/common/deviceList.ts
index 0ddb01c74..c6bbe2463 100644
--- a/desktop-app/src/common/deviceList.ts
+++ b/desktop-app/src/common/deviceList.ts
@@ -5,7 +5,7 @@ export interface Device {
   name: string;
   userAgent: string;
   type: string;
-  dpi: number;
+  dpr: number;
   isTouchCapable: boolean;
   isMobileCapable: boolean;
   capabilities: string[];
@@ -30,7 +30,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 4',
     width: 320,
     height: 480,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.0 Mobile/11D257 Safari/9537.53',
@@ -43,7 +43,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 5/SE',
     width: 320,
     height: 568,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/10.0 Mobile/14E304 Safari/602.1',
@@ -56,7 +56,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone SE',
     width: 375,
     height: 667,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -69,7 +69,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 6/7/8',
     width: 375,
     height: 667,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -82,7 +82,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 6/7/8 Plus',
     width: 414,
     height: 736,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -95,7 +95,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone X',
     width: 375,
     height: 812,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -108,7 +108,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone XR',
     width: 414,
     height: 896,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -121,7 +121,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 12 Pro',
     width: 390,
     height: 844,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -134,7 +134,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 13 Pro Max',
     width: 428,
     height: 926,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -147,7 +147,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 14 Pro Max',
     width: 430,
     height: 932,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
@@ -160,7 +160,7 @@ export const defaultDevices: Device[] = [
     name: 'iPad Air',
     width: 820,
     height: 1180,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPad; CPU OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1',
@@ -173,7 +173,7 @@ export const defaultDevices: Device[] = [
     name: 'iPad Mini',
     width: 768,
     height: 1024,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPad; CPU OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1',
@@ -186,7 +186,7 @@ export const defaultDevices: Device[] = [
     name: 'iPad',
     width: 768,
     height: 1024,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1',
@@ -199,7 +199,7 @@ export const defaultDevices: Device[] = [
     name: 'iPad Pro',
     width: 1024,
     height: 1366,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1',
@@ -212,7 +212,7 @@ export const defaultDevices: Device[] = [
     name: 'MacBook Pro',
     width: 1440,
     height: 900,
-    dpi: 2,
+    dpr: 2,
     capabilities: [],
     userAgent:
       'Mozilla/5.0 (Macintosh; Intel Mac OS X 13_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36',
@@ -223,7 +223,7 @@ export const defaultDevices: Device[] = [
   {
     id: '10016',
     name: 'iPhone 14',
-    dpi: 3,
+    dpr: 3,
     width: 390,
     height: 844,
     capabilities: ['touch', 'mobile'],
@@ -238,7 +238,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 14 Plus',
     width: 428,
     height: 926,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.0 Mobile/11D257 Safari/9537.53',
@@ -251,7 +251,7 @@ export const defaultDevices: Device[] = [
     name: 'iPhone 14 Pro',
     width: 393,
     height: 852,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.0 Mobile/11D257 Safari/9537.53',
@@ -264,7 +264,7 @@ export const defaultDevices: Device[] = [
     name: 'Nexus 4',
     width: 384,
     height: 640,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -277,7 +277,7 @@ export const defaultDevices: Device[] = [
     name: 'Nexus 5',
     width: 360,
     height: 640,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -290,7 +290,7 @@ export const defaultDevices: Device[] = [
     name: 'Nexus 5X',
     width: 412,
     height: 732,
-    dpi: 2.625,
+    dpr: 2.625,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -303,7 +303,7 @@ export const defaultDevices: Device[] = [
     name: 'Nexus 6',
     width: 412,
     height: 732,
-    dpi: 3.5,
+    dpr: 3.5,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -316,7 +316,7 @@ export const defaultDevices: Device[] = [
     name: 'Nexus 6P',
     width: 412,
     height: 732,
-    dpi: 3.5,
+    dpr: 3.5,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -329,7 +329,7 @@ export const defaultDevices: Device[] = [
     name: 'Nexus 7',
     width: 600,
     height: 960,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Safari/537.36',
@@ -342,7 +342,7 @@ export const defaultDevices: Device[] = [
     name: 'Nexus 10',
     width: 800,
     height: 1280,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Safari/537.36',
@@ -355,7 +355,7 @@ export const defaultDevices: Device[] = [
     name: 'Pixel 2',
     width: 411,
     height: 731,
-    dpi: 2.625,
+    dpr: 2.625,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -368,7 +368,7 @@ export const defaultDevices: Device[] = [
     name: 'Pixel 2 XL',
     width: 411,
     height: 823,
-    dpi: 3.5,
+    dpr: 3.5,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -381,7 +381,7 @@ export const defaultDevices: Device[] = [
     name: 'Pixel 3',
     width: 393,
     height: 786,
-    dpi: 2.75,
+    dpr: 2.75,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.158 Mobile Safari/537.36',
@@ -394,7 +394,7 @@ export const defaultDevices: Device[] = [
     name: 'Pixel 3 XL',
     width: 393,
     height: 786,
-    dpi: 2.75,
+    dpr: 2.75,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 11; Pixel 3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.181 Mobile Safari/537.36',
@@ -407,7 +407,7 @@ export const defaultDevices: Device[] = [
     name: 'Pixel 4',
     width: 353,
     height: 745,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Mobile Safari/537.36',
@@ -420,7 +420,7 @@ export const defaultDevices: Device[] = [
     name: 'Pixel 5',
     width: 393,
     height: 851,
-    dpi: 2.75,
+    dpr: 2.75,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.91 Mobile Safari/537.36',
@@ -433,7 +433,7 @@ export const defaultDevices: Device[] = [
     name: 'Nest Hub Max',
     width: 1280,
     height: 800,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (X11; Linux aarch64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.188 Safari/537.36 CrKey/1.54.250320',
@@ -446,7 +446,7 @@ export const defaultDevices: Device[] = [
     name: 'Nest Hub',
     width: 1024,
     height: 600,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.109 Safari/537.36 CrKey/1.54.248666',
@@ -459,7 +459,7 @@ export const defaultDevices: Device[] = [
     name: 'Samsung Galaxy S8+',
     width: 360,
     height: 740,
-    dpi: 4,
+    dpr: 4,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.0.0; SM-G955U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Mobile Safari/537.36',
@@ -472,7 +472,7 @@ export const defaultDevices: Device[] = [
     name: 'Samsung Galaxy S20 Ultra',
     width: 412,
     height: 915,
-    dpi: 3.5,
+    dpr: 3.5,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 10; SM-G981B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.162 Mobile Safari/537.36',
@@ -485,7 +485,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy Fold',
     width: 280,
     height: 653,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 9.0; SAMSUNG SM-F900U Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -498,7 +498,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S21',
     width: 360,
     height: 800,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 9.0; SAMSUNG SM-G991 Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -511,7 +511,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S21 Plus',
     width: 384,
     height: 854,
-    dpi: 2.8125,
+    dpr: 2.8125,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 9.0; SAMSUNG SM-G996 Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -524,7 +524,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S21 Ultra',
     width: 412,
     height: 915,
-    dpi: 2.625,
+    dpr: 2.625,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 9.0; SAMSUNG SM-G998 Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -537,7 +537,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S20',
     width: 360,
     height: 800,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 9.0; SAMSUNG SM-G981 Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -550,7 +550,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S20 Plus',
     width: 384,
     height: 854,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 9.0; SAMSUNG SM-G986 Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -563,7 +563,7 @@ export const defaultDevices: Device[] = [
     name: 'Samsung Galaxy A51/71',
     width: 412,
     height: 914,
-    dpi: 2.625,
+    dpr: 2.625,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.0.0; SM-G955U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Mobile Safari/537.36',
@@ -576,7 +576,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S III',
     width: 360,
     height: 640,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30',
@@ -589,7 +589,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S5',
     width: 360,
     height: 640,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -602,7 +602,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S8',
     width: 360,
     height: 740,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.84 Mobile Safari/537.36',
@@ -615,7 +615,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy S9+',
     width: 320,
     height: 658,
-    dpi: 4.5,
+    dpr: 4.5,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.111 Mobile Safari/537.36',
@@ -628,7 +628,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy Tab S4',
     width: 712,
     height: 1138,
-    dpi: 2.25,
+    dpr: 2.25,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.80 Safari/537.36',
@@ -641,7 +641,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy Note II',
     width: 360,
     height: 640,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30',
@@ -654,7 +654,7 @@ export const defaultDevices: Device[] = [
     name: 'Galaxy Note 3',
     width: 360,
     height: 640,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30',
@@ -667,7 +667,7 @@ export const defaultDevices: Device[] = [
     name: 'Samsung S21 FE',
     width: 360,
     height: 800,
-    dpi: 420,
+    dpr: 420,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 13; SAMSUNG SM-G990B) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/20.0 Chrome/106.0.5249.126 Mobile Safari/537.36',
@@ -680,7 +680,7 @@ export const defaultDevices: Device[] = [
     name: 'Nokia Lumia 520',
     width: 320,
     height: 533,
-    dpi: 1.5,
+    dpr: 1.5,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)',
@@ -693,7 +693,7 @@ export const defaultDevices: Device[] = [
     name: 'Microsoft Lumia 550',
     width: 640,
     height: 360,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Mobile Safari/537.36 Edge/14.14263',
@@ -706,7 +706,7 @@ export const defaultDevices: Device[] = [
     name: 'Microsoft Lumia 950',
     width: 360,
     height: 640,
-    dpi: 4,
+    dpr: 4,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Mobile Safari/537.36 Edge/14.14263',
@@ -719,7 +719,7 @@ export const defaultDevices: Device[] = [
     name: 'Surface Pro 7',
     width: 912,
     height: 1368,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (iPad; CPU OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1',
@@ -732,7 +732,7 @@ export const defaultDevices: Device[] = [
     name: 'Surface Duo',
     width: 540,
     height: 720,
-    dpi: 2.5,
+    dpr: 2.5,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 11.0; Surface Duo) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -745,7 +745,7 @@ export const defaultDevices: Device[] = [
     name: 'BlackBerry Z30',
     width: 360,
     height: 640,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.0.9.2372 Mobile Safari/537.10+',
@@ -758,7 +758,7 @@ export const defaultDevices: Device[] = [
     name: 'LG Optimus L70',
     width: 384,
     height: 640,
-    dpi: 1.25,
+    dpr: 1.25,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/%s Mobile Safari/537.36',
@@ -771,7 +771,7 @@ export const defaultDevices: Device[] = [
     name: 'Nokia N9',
     width: 480,
     height: 854,
-    dpi: 1,
+    dpr: 1,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13',
@@ -784,7 +784,7 @@ export const defaultDevices: Device[] = [
     name: 'JioPhone 2',
     width: 240,
     height: 320,
-    dpi: 1,
+    dpr: 1,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:48.0) Gecko/48.0 Firefox/48.0 KAIOS/2.5',
@@ -797,7 +797,7 @@ export const defaultDevices: Device[] = [
     name: 'Kindle Fire HDX',
     width: 800,
     height: 1280,
-    dpi: 2,
+    dpr: 2,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true',
@@ -810,7 +810,7 @@ export const defaultDevices: Device[] = [
     name: 'Blackberry PlayBook',
     width: 600,
     height: 1024,
-    dpi: 1,
+    dpr: 1,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/7.2.1.0 Safari/536.2+',
@@ -823,7 +823,7 @@ export const defaultDevices: Device[] = [
     name: 'Moto G4',
     width: 360,
     height: 640,
-    dpi: 3,
+    dpr: 3,
     capabilities: ['touch', 'mobile'],
     userAgent:
       'Mozilla/5.0 (Linux; Android 6.0.1; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36',
@@ -836,7 +836,7 @@ export const defaultDevices: Device[] = [
     name: 'laptopWithTouch',
     width: 950,
     height: 1280,
-    dpi: 1,
+    dpr: 1,
     capabilities: ['touch'],
     userAgent:
       'Mozilla/5.0 (Macintosh; Intel Mac OS X 13_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36',
@@ -849,7 +849,7 @@ export const defaultDevices: Device[] = [
     name: 'laptopWithHiDPIScreen',
     width: 900,
     height: 1440,
-    dpi: 2,
+    dpr: 2,
     capabilities: [],
     userAgent:
       'Mozilla/5.0 (Macintosh; Intel Mac OS X 13_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36',
@@ -862,7 +862,7 @@ export const defaultDevices: Device[] = [
     name: 'laptopWithMDPIScreen',
     width: 800,
     height: 1280,
-    dpi: 1,
+    dpr: 1,
     capabilities: [],
     userAgent:
       'Mozilla/5.0 (Macintosh; Intel Mac OS X 13_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36',
diff --git a/desktop-app/src/renderer/components/DeviceManager/DeviceDetailsModal.tsx b/desktop-app/src/renderer/components/DeviceManager/DeviceDetailsModal.tsx
index fd86a4911..e5cf9c2d0 100644
--- a/desktop-app/src/renderer/components/DeviceManager/DeviceDetailsModal.tsx
+++ b/desktop-app/src/renderer/components/DeviceManager/DeviceDetailsModal.tsx
@@ -29,7 +29,7 @@ const DeviceDetailsModal = ({
   const [height, setHeight] = useState<number>(device?.height ?? 600);
   const [userAgent, setUserAgent] = useState<string>(device?.userAgent ?? '');
   const [type, setType] = useState<string>(device?.type ?? 'phone');
-  const [dpi, setDpi] = useState<number>(device?.dpi ?? 1);
+  const [dpr, setDpr] = useState<number>(device?.dpr ?? 1);
   const [isTouchCapable, setIsTouchCapable] = useState<boolean>(
     device?.isTouchCapable ?? true
   );
@@ -44,7 +44,7 @@ const DeviceDetailsModal = ({
       setHeight(device.height);
       setUserAgent(device.userAgent);
       setType(device.type);
-      setDpi(device.dpi);
+      setDpr(device.dpr);
       setIsTouchCapable(device.isTouchCapable);
       setIsMobileCapable(device.isMobileCapable);
     } else {
@@ -53,7 +53,7 @@ const DeviceDetailsModal = ({
       setHeight(600);
       setUserAgent('');
       setType('phone');
-      setDpi(1);
+      setDpr(1);
       setIsTouchCapable(true);
       setIsMobileCapable(true);
     }
@@ -110,7 +110,7 @@ const DeviceDetailsModal = ({
         height,
         userAgent,
         type,
-        dpi,
+        dpr,
         isTouchCapable,
         isMobileCapable,
         capabilities,
@@ -158,11 +158,12 @@ const DeviceDetailsModal = ({
               disabled={!isCustom}
             />
             <Input
-              label="Device DPI"
+              label="Device DPR"
               type="number"
               min="1"
-              value={dpi}
-              onChange={(e) => setDpi(parseInt(e.target.value, 10))}
+              step="0.1"
+              value={dpr}
+              onChange={(e) => setDpr(parseFloat(e.target.value))}
               disabled={!isCustom}
             />
             <Select
diff --git a/desktop-app/src/renderer/components/DeviceManager/PreviewSuites/ManageSuitesTool/helpers.test.tsx b/desktop-app/src/renderer/components/DeviceManager/PreviewSuites/ManageSuitesTool/helpers.test.tsx
index f17d9bc45..c2b8fbf23 100644
--- a/desktop-app/src/renderer/components/DeviceManager/PreviewSuites/ManageSuitesTool/helpers.test.tsx
+++ b/desktop-app/src/renderer/components/DeviceManager/PreviewSuites/ManageSuitesTool/helpers.test.tsx
@@ -88,7 +88,7 @@ describe('setCustomDevices', () => {
         id: '1',
         userAgent: '',
         type: '',
-        dpi: 0,
+        dpr: 0,
         isTouchCapable: false,
         isMobileCapable: false,
         capabilities: [],
@@ -100,7 +100,7 @@ describe('setCustomDevices', () => {
         id: '2',
         userAgent: '',
         type: '',
-        dpi: 0,
+        dpr: 0,
         isTouchCapable: false,
         isMobileCapable: false,
         capabilities: [],
@@ -115,7 +115,7 @@ describe('setCustomDevices', () => {
         id: '0',
         userAgent: '',
         type: '',
-        dpi: 0,
+        dpr: 0,
         isTouchCapable: false,
         isMobileCapable: false,
         capabilities: [],
diff --git a/desktop-app/src/store/index.ts b/desktop-app/src/store/index.ts
index 6287648e7..4cdfb66cb 100644
--- a/desktop-app/src/store/index.ts
+++ b/desktop-app/src/store/index.ts
@@ -104,7 +104,7 @@ const schema = {
             type: {
               type: 'string',
             },
-            dpi: {
+            dpr: {
               type: 'number',
             },
             isTouchCapable: {
diff --git a/desktop-app/src/store/migrations.ts b/desktop-app/src/store/migrations.ts
index cfee95cb2..543a96b90 100644
--- a/desktop-app/src/store/migrations.ts
+++ b/desktop-app/src/store/migrations.ts
@@ -86,4 +86,27 @@ export const migrations = {
       },
     ]);
   },
+  '1.13.0': (store: Store) => {
+    // Migrate dpi to dpr in custom devices
+    try {
+      const previousCustomDevices: any[] = store.get(
+        'deviceManager.customDevices'
+      ) as any[];
+      const newCustomDevices: Device[] = previousCustomDevices.map((device) => {
+        const newDevice = {
+          ...device,
+          dpr: device.dpi !== undefined ? device.dpi : device.dpr,
+        };
+        delete newDevice.dpi;
+        return newDevice as Device;
+      });
+      store.set('deviceManager.customDevices', newCustomDevices);
+      console.log(
+        'Migration for 1.13.0 successful',
+        store.get('deviceManager.customDevices')
+      );
+    } catch (e) {
+      console.log('Migration for 1.13.0 failed', e);
+    }
+  },
 };