diff --git a/.gitignore b/.gitignore
index d13065b4f4..604ea84582 100644
--- a/.gitignore
+++ b/.gitignore
@@ -48,3 +48,6 @@ RUNNING_PID
 
 # VSCode auto-generated files
 .vscode/
+
+# IntelliJ auto-generated files
+.idea
diff --git a/app/views/mobile.scala b/app/views/mobile.scala
index 039c6805d6..6b4620651d 100644
--- a/app/views/mobile.scala
+++ b/app/views/mobile.scala
@@ -47,11 +47,11 @@ object mobile {
             ),
             div(cls := "right-side")(
               img(
-                cls := "nexus5-playing",
-                width := "268",
-                height := "513",
-                src := assetUrl("images/mobile/nexus5-playing.png"),
-                alt := "Lichess mobile on nexus 5"
+                width := "437",
+                height := "883",
+                cls := "mobile-playing",
+                src := assetUrl("images/mobile/lichesstv-mobile.png"),
+                alt := "Lichess TV on mobile"
               ),
               img(
                 cls := "qrcode",
diff --git a/public/images/mobile/lichesstv-mobile.png b/public/images/mobile/lichesstv-mobile.png
new file mode 100644
index 0000000000..c1fd4bc844
Binary files /dev/null and b/public/images/mobile/lichesstv-mobile.png differ
diff --git a/ui/site/css/_mobile.scss b/ui/site/css/_mobile.scss
index 4dec9a9275..c8a30632f6 100644
--- a/ui/site/css/_mobile.scss
+++ b/ui/site/css/_mobile.scss
@@ -40,9 +40,13 @@
   }
 
   .right-side {
-    flex: 0 0 264px;
+    flex: 0 0 33%;
     text-align: center;
 
+    .mobile-playing {
+      width: 100%;
+    }
+
     .qrcode {
       margin-top: 20px;
     }