diff --git a/web/source/css/base.css b/web/source/css/base.css
index bf0599803..11d6dc407 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -28,7 +28,11 @@
 	src: url(../NotoSans-Bold.ttf) format('truetype');
 }
 
+// standard border radius for nice squircles
 $br: 0.4rem;
+// border radius for items that are framed/bordered
+// inside something with $br, eg avatar, header img
+$br_inner: 0.2rem; 
 
 html, body {
 	padding: 0;
diff --git a/web/source/css/profile.css b/web/source/css/profile.css
index e7a422680..4fa0b6247 100644
--- a/web/source/css/profile.css
+++ b/web/source/css/profile.css
@@ -50,7 +50,7 @@ main {
 			width: 100%;
 			height: 100%;
 			object-fit: cover;
-			border-radius: $br $br 0 0;
+			border-radius: $br_inner $br_inner 0 0;
 		}
 	}
 
@@ -87,7 +87,7 @@ main {
 			box-shadow: $boxshadow;
 			img {
 				object-fit: cover;
-				border-radius: $br;
+				border-radius: $br_inner;
 				width: 100%;
 				height: 100%;
 			}