diff --git a/roles/hysteria2/templates/export/global-index.html.j2 b/roles/hysteria2/templates/export/global-index.html.j2
index d3b4635..911ce8d 100644
--- a/roles/hysteria2/templates/export/global-index.html.j2
+++ b/roles/hysteria2/templates/export/global-index.html.j2
@@ -279,7 +279,7 @@
     }
     .lightbox-panel {
       position: relative;
-      max-width: min(94vw, 640px);
+      max-width: min(94vw, 832px);
       max-height: calc(100dvh - 3.5rem);
       width: 100%;
       padding: 1.25rem 1.25rem 1rem;
@@ -299,8 +299,8 @@
       display: block;
       width: auto;
       height: auto;
-      max-width: min(560px, 100%);
-      max-height: min(560px, calc(100dvh - 14rem));
+      max-width: min(728px, 100%);
+      max-height: min(728px, calc(100dvh - 14rem));
       margin: 0 auto;
       aspect-ratio: 1;
       object-fit: contain;
diff --git a/roles/hysteria2/templates/export/index.html.j2 b/roles/hysteria2/templates/export/index.html.j2
index 2801dc9..cdaab5a 100644
--- a/roles/hysteria2/templates/export/index.html.j2
+++ b/roles/hysteria2/templates/export/index.html.j2
@@ -210,7 +210,7 @@
     }
     .lightbox-panel {
       position: relative;
-      max-width: min(94vw, 640px);
+      max-width: min(94vw, 832px);
       max-height: calc(100dvh - 3.5rem);
       width: 100%;
       padding: 1.25rem 1.25rem 1rem;
@@ -230,8 +230,8 @@
       display: block;
       width: auto;
       height: auto;
-      max-width: min(560px, 100%);
-      max-height: min(560px, calc(100dvh - 14rem));
+      max-width: min(728px, 100%);
+      max-height: min(728px, calc(100dvh - 14rem));
       margin: 0 auto;
       aspect-ratio: 1;
       object-fit: contain;