diff --git a/components/FilterBar/index.scss b/components/FilterBar/index.scss
index 5787a887..fe2dbabf 100644
--- a/components/FilterBar/index.scss
+++ b/components/FilterBar/index.scss
@@ -60,7 +60,7 @@
 
     img {
       $diameter: $unit * 6;
-      border-radius: $diameter / 2;
+      border-radius: calc($diameter / 2);
       height: $diameter;
       width: $diameter;
 
diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index d34bc05f..f353a8ed 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -119,14 +119,14 @@ const GridRep = (props: Props) => {
   }
 
   const userImage = () => {
-    if (props.user && props.user.picture) {
+    if (props.user && props.user.avatar) {
       return (
         <img
-          alt={props.user.picture.picture}
-          className={`profile ${props.user.picture.element}`}
-          srcSet={`/profile/${props.user.picture.picture}.png,
-                              /profile/${props.user.picture.picture}@2x.png 2x`}
-          src={`/profile/${props.user.picture.picture}.png`}
+          alt={props.user.avatar.picture}
+          className={`profile ${props.user.avatar.element}`}
+          srcSet={`/profile/${props.user.avatar.picture}.png,
+                              /profile/${props.user.avatar.picture}@2x.png 2x`}
+          src={`/profile/${props.user.avatar.picture}.png`}
         />
       )
     } else return <div className="no-user" />