diff --git a/admin/builder.php b/admin/builder.php
index d3f9ff7..46d9574 100644
--- a/admin/builder.php
+++ b/admin/builder.php
@@ -74,7 +74,7 @@ $page_title = $session ? 'Edit: ' . htmlspecialchars($session['name']) : 'Rosary
     <title><?= $page_title ?> — <?= htmlspecialchars($site_name) ?></title>
     <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/setup.css">
     <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/builder.css?v=1">
-    <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/photo-crop.css">
+    <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/photo-crop.css?v=2">
     <meta name="csrf-token" content="<?= htmlspecialchars(csrf_token()) ?>">
 </head>
 <body>
@@ -308,7 +308,7 @@ var EXISTING_STEPS   = <?= json_encode(array_map(fn($s) => [
     'attribution' => $s['attribution'] ?? 'leader_all',
 ], $edit_steps)) ?>;
 </script>
-<script src="<?= BASE_URL ?>/assets/js/photo-crop.js"></script>
+<script src="<?= BASE_URL ?>/assets/js/photo-crop.js?v=2"></script>
 <script src="<?= BASE_URL ?>/assets/js/builder.js?v=1"></script>
 </body>
 </html>
diff --git a/admin/novena_group.php b/admin/novena_group.php
index da552f0..dfbead4 100644
--- a/admin/novena_group.php
+++ b/admin/novena_group.php
@@ -137,7 +137,7 @@ $mystery_labels = [
     <link rel="icon" type="image/svg+xml" href="<?= BASE_URL ?>/favicon.svg">
     <title><?= htmlspecialchars($group['name']) ?> — <?= htmlspecialchars($site_name) ?></title>
     <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/setup.css">
-    <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/photo-crop.css">
+    <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/photo-crop.css?v=2">
     <meta name="csrf-token" content="<?= htmlspecialchars(csrf_token()) ?>">
     <script>var BASE_URL = '<?= BASE_URL ?>';</script>
 </head>
@@ -324,7 +324,7 @@ $mystery_labels = [
     </main>
 </div>
 
-<script src="<?= BASE_URL ?>/assets/js/photo-crop.js"></script>
+<script src="<?= BASE_URL ?>/assets/js/photo-crop.js?v=2"></script>
 <script>
 (function () {
     var fileInput      = document.getElementById('photo-file');
diff --git a/admin/setup.php b/admin/setup.php
index 1b0d808..a55975e 100644
--- a/admin/setup.php
+++ b/admin/setup.php
@@ -48,7 +48,7 @@ $page_title = $session ? 'Edit Session' : 'New Session';
     <link rel="icon" type="image/svg+xml" href="<?= BASE_URL ?>/favicon.svg">
     <title><?= $page_title ?> — <?= htmlspecialchars($site_name) ?></title>
     <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/setup.css">
-    <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/photo-crop.css">
+    <link rel="stylesheet" href="<?= BASE_URL ?>/assets/css/photo-crop.css?v=2">
     <meta name="csrf-token" content="<?= htmlspecialchars(csrf_token()) ?>">
     <script>var BASE_URL = '<?= BASE_URL ?>';</script>
 </head>
@@ -259,7 +259,7 @@ $page_title = $session ? 'Edit Session' : 'New Session';
         </main>
     </div>
 
-    <script src="<?= BASE_URL ?>/assets/js/photo-crop.js"></script>
+    <script src="<?= BASE_URL ?>/assets/js/photo-crop.js?v=2"></script>
     <script src="<?= BASE_URL ?>/assets/js/setup.js?v=5"></script>
 </body>
 </html>
diff --git a/assets/css/public.css b/assets/css/public.css
index 12b1de8..16be393 100644
--- a/assets/css/public.css
+++ b/assets/css/public.css
@@ -333,6 +333,8 @@ body {
 
 .novena-hero-photo-wrap {
     flex-shrink: 0;
+    overflow: hidden;
+    border-radius: 50%;
 }
 
 .novena-hero-photo {
diff --git a/assets/css/setup.css b/assets/css/setup.css
index e934a9e..2f18a05 100644
--- a/assets/css/setup.css
+++ b/assets/css/setup.css
@@ -441,6 +441,8 @@ input:focus, select:focus {
    ---------------------------------------------------------------- */
 .photo-preview-wrap {
     margin-bottom: 8px;
+    overflow: hidden;
+    border-radius: 6px;
 }
 .photo-preview {
     max-height: 120px;
