diff --git a/assets/images/photo-icon.svg b/assets/images/photo-icon.svg
index 57ee59835..d9662bedc 100644
--- a/assets/images/photo-icon.svg
+++ b/assets/images/photo-icon.svg
@@ -1,9 +1,3 @@
diff --git a/src/staff/components/StaffProperties/StaffProperties.tsx b/src/staff/components/StaffProperties/StaffProperties.tsx
index 1a2b10f63..3cdc2f628 100644
--- a/src/staff/components/StaffProperties/StaffProperties.tsx
+++ b/src/staff/components/StaffProperties/StaffProperties.tsx
@@ -34,6 +34,14 @@ const useStyles = makeStyles(
position: "relative",
width: 120
},
+ avatarActionText: {
+ "&:hover": {
+ textDecoration: "underline"
+ },
+ color: "#fff",
+ cursor: "pointer",
+ fontSize: 12
+ },
avatarDefault: {
"& div": {
color: "#fff",
@@ -47,17 +55,10 @@ const useStyles = makeStyles(
width: 120
},
avatarHover: {
- "& p": {
- "&:hover": {
- textDecoration: "underline"
- },
- color: theme.palette.primary.main,
- cursor: "pointer",
- fontSize: 12,
- fontWeight: 500
- },
background: "#00000080",
borderRadius: "100%",
+ fontSize: 12,
+ fontWeight: 500,
height: 120,
opacity: 0,
padding: theme.spacing(2.5, 0),
@@ -155,13 +156,19 @@ const StaffProperties: React.FC = props => {
{canEditAvatar && (
-
+
-
+