diff --git a/src/qml/Base/HAvatar.qml b/src/qml/Base/HAvatar.qml
index 10d20da2..766d6fe6 100644
--- a/src/qml/Base/HAvatar.qml
+++ b/src/qml/Base/HAvatar.qml
@@ -58,11 +58,13 @@ Rectangle {
             id: avatarToolTip
             visible: toolTipImageUrl && hoverHandler.hovered
             delay: 1000
+            backgroundColor: theme.controls.avatar.hoveredImage.background
 
             readonly property int dimension: Math.min(
                 mainUI.width / 1.25,
                 mainUI.height / 1.25,
-                theme.controls.avatar.hoveredSize + background.border.width * 2
+                theme.controls.avatar.hoveredImage.size +
+                background.border.width * 2,
             )
 
             contentItem: HImage {
diff --git a/src/qml/Base/HToolTip.qml b/src/qml/Base/HToolTip.qml
index 0a1d9ce7..1d4b7959 100644
--- a/src/qml/Base/HToolTip.qml
+++ b/src/qml/Base/HToolTip.qml
@@ -9,6 +9,7 @@ ToolTip {
 
 
     property alias label: label
+    property alias backgroundColor: background.color
 
 
     background: Rectangle {
diff --git a/src/themes/Default.qpl b/src/themes/Default.qpl
index 43bb48d9..b5c44016 100644
--- a/src/themes/Default.qpl
+++ b/src/themes/Default.qpl
@@ -182,7 +182,10 @@ controls:
     avatar:
         int size:        baseElementsHeight
         int radius:      theme.radius
-        int hoveredSize: 192
+
+        hoveredImage:
+            int size: 192
+            color background: hsluv(0, 0, 0, 0.4)
 
         background:
             int saturation: colors.saturation + 10