diff --git a/device_frame/example/android/app/build.gradle b/device_frame/example/android/app/build.gradle
index 56bfa9b7..b120248e 100644
--- a/device_frame/example/android/app/build.gradle
+++ b/device_frame/example/android/app/build.gradle
@@ -26,7 +26,7 @@ apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
 android {
-    compileSdkVersion 30
+    compileSdkVersion 31
 
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
diff --git a/device_frame/example/android/build.gradle b/device_frame/example/android/build.gradle
index ed45c658..09fbd640 100644
--- a/device_frame/example/android/build.gradle
+++ b/device_frame/example/android/build.gradle
@@ -1,5 +1,5 @@
 buildscript {
-    ext.kotlin_version = '1.3.50'
+    ext.kotlin_version = '1.6.10'
     repositories {
         google()
         mavenCentral()
diff --git a/device_frame/lib/src/devices/ios/iphone_12/device.dart b/device_frame/lib/src/devices/ios/iphone_12/device.dart
index 03386ac3..899263c2 100644
--- a/device_frame/lib/src/devices/ios/iphone_12/device.dart
+++ b/device_frame/lib/src/devices/ios/iphone_12/device.dart
@@ -13,20 +13,20 @@ final info = DeviceInfo(
     'iphone-12',
   ),
   name: 'iPhone 12',
-  pixelRatio: 2.0,
+  pixelRatio: 3.0,
   frameSize: const Size(873.0, 1771.0),
-  screenSize: const Size(1024.0, 1366.0),
+  screenSize: const Size(390.0, 844.0),
   safeAreas: const EdgeInsets.only(
     left: 0.0,
-    top: 24.0,
+    top: 44.0,
     right: 0.0,
-    bottom: 20.0,
+    bottom: 34.0,
   ),
   rotatedSafeAreas: const EdgeInsets.only(
-    left: 0.0,
-    top: 24.0,
-    right: 0.0,
-    bottom: 20.0,
+    left: 44.0,
+    top: 0.0,
+    right: 44.0,
+    bottom: 21.0,
   ),
   framePainter: const _FramePainter(),
   screenPath: _screenPath,