diff --git a/packages/fxa-content-server/app/styles/modules/_cropper.scss b/packages/fxa-content-server/app/styles/modules/_cropper.scss
index c8a4352896f..0eda3dda374 100644
--- a/packages/fxa-content-server/app/styles/modules/_cropper.scss
+++ b/packages/fxa-content-server/app/styles/modules/_cropper.scss
@@ -10,9 +10,17 @@
     @include respond-to('compressedLandscape') {
       margin: 0 auto;
     }
+    @include respond-to('small') {
+      margin: 0 auto;
+      text-align: center;
+      width: auto;
+    }
 
     img {
       position: absolute;
+      @include respond-to('small') {
+        left: (420 - $avatar-size) / 6   !important;
+      }
     }
   }
 
@@ -44,6 +52,10 @@
     &::after {
       right: -(420 - $avatar-size) / 2;
     }
+    @include respond-to('small') {
+      display: inline-block;
+      left: 0;
+    }
   }
 
   .drag-overlay {