diff --git a/src/common/component/AvatarUploader.js b/src/common/component/AvatarUploader.js
index b738b9dd..48ac5875 100644
--- a/src/common/component/AvatarUploader.js
+++ b/src/common/component/AvatarUploader.js
@@ -16,6 +16,7 @@ const StyledWrapper = styled.div`
     background-color: #eee;
     /* border: 1px solid #eee; */
     img {
+      object-fit: cover;
       width: 100%;
       height: 100%;
     }
diff --git a/src/common/component/CurrentUser.js b/src/common/component/CurrentUser.js
index 90d025de..c73add01 100644
--- a/src/common/component/CurrentUser.js
+++ b/src/common/component/CurrentUser.js
@@ -28,6 +28,7 @@ const StyledWrapper = styled.div`
       width: 32px;
       height: 32px;
       border-radius: 50%;
+      object-fit: cover;
     }
     .toggle {
     }
diff --git a/src/common/component/Server.js b/src/common/component/Server.js
index dbe28311..ac6f95a5 100644
--- a/src/common/component/Server.js
+++ b/src/common/component/Server.js
@@ -26,6 +26,8 @@ const StyledWrapper = styled.div`
       img {
         width: 100%;
         height: 100%;
+        object-fit: cover;
+        border-radius: 50%;
       }
     }
     .info {
diff --git a/src/routes/home/User.js b/src/routes/home/User.js
index b18e522b..da955210 100644
--- a/src/routes/home/User.js
+++ b/src/routes/home/User.js
@@ -9,6 +9,7 @@ const StyledWrapper = styled.div`
     width: 32px;
     height: 32px;
     img {
+      object-fit: cover;
       border-radius: 50%;
       width: 100%;
       height: 100%;