Better look for NImageRounded (hide the ugly rounding behind the border)

Modules/LockScreen/LockScreen.qml

@@ -294,13 +294,14 @@ Loader {
 
               // Animated avatar with glow effect or audio visualizer
               Rectangle {
-                width: 120 * scaling
+                width: 108 * scaling
-                height: 120 * scaling
+                height: 108 * scaling
                 radius: width * 0.5
                 color: Color.transparent
                 border.color: Color.mPrimary
                 border.width: Math.max(1, Style.borderL * scaling)
                 anchors.horizontalCenter: parent.horizontalCenter
+                z: 10
 
                 // Circular audio visualizer when music is playing
                 Loader {

Widgets/NImageRounded.qml

@@ -20,15 +20,10 @@ Rectangle {
   radius: scaledRadius
   anchors.margins: Style.marginXXS * scaling
 
-  // Border
   Rectangle {
-    anchors.fill: parent
-    radius: parent.radius
     color: Color.transparent
-    border.color: parent.borderColor
+    anchors.fill: parent
-    border.width: parent.borderWidth
+    anchors.margins: borderWidth
-    z: 10
-  }
 
     Image {
       id: img
@@ -69,3 +64,14 @@ Rectangle {
       z: 0
     }
   }
+
+  // Border
+  Rectangle {
+    anchors.fill: parent
+    radius: parent.radius
+    color: Color.transparent
+    border.color: parent.borderColor
+    border.width: parent.borderWidth
+    z: 10
+  }
+}