diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx
index a8668269..f67155af 100644
--- a/src/components/Avatar/Avatar.tsx
+++ b/src/components/Avatar/Avatar.tsx
@@ -91,6 +91,7 @@ export const Avatar = forwardRef<
     size,
     style = {},
     onError,
+    title,
     ...props
   },
   ref,
@@ -128,7 +129,7 @@ export const Avatar = forwardRef<
           style={style}
           width={size}
           height={size}
-          title={id}
+          title={title}
           onError={onError}
         />
       )}
diff --git a/src/components/IconButton/IconButton.module.css b/src/components/IconButton/IconButton.module.css
index 1c6c0eec..296f6a90 100644
--- a/src/components/IconButton/IconButton.module.css
+++ b/src/components/IconButton/IconButton.module.css
@@ -57,7 +57,7 @@ limitations under the License.
   width: calc(var(--cpd-icon-button-size) * 0.25);
   height: calc(var(--cpd-icon-button-size) * 0.25);
   border-radius: 50%;
-  background: currentColor;
+  background: currentcolor;
 }
 
 .icon-button[data-indicator="highlight"]::before {
@@ -68,7 +68,7 @@ limitations under the License.
  * Hover state
  */
 
-.icon-button:hover {
+.icon-button:not(:disabled):hover {
   color: var(--cpd-color-icon-primary);
   background: var(--cpd-color-bg-subtle-primary);
 }