diff --git a/public/css/blog/p.css b/public/css/blog/p.css
index ae0e72c..67ef1cf 100644
--- a/public/css/blog/p.css
+++ b/public/css/blog/p.css
@@ -191,13 +191,13 @@ a:hover {
   right: 1px;
   width: 32px;
   height: 32px;
+  overflow: hidden;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
 }
 .article .avatar img {
-  width: 100%;
-  height: 100%;
+  max-height: 32px;
   border: 2px solid white;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
diff --git a/public/css/blog/p.less b/public/css/blog/p.less
index 6c577e0..959023b 100644
--- a/public/css/blog/p.less
+++ b/public/css/blog/p.less
@@ -211,12 +211,12 @@ a:hover {
 		right: 1px;
 		width: 32px;
 		height: 32px;
+		overflow: hidden;
 		-webkit-border-radius: 50%;
 		-moz-border-radius: 50%;
 		border-radius: 50%;
 		img {
-			width: 100%;
-			height: 100%;
+			max-height: 32px;
 			border: 2px solid white;
 			-webkit-border-radius: 50%;
 			-moz-border-radius: 50%;