1 files changed, 25 insertions, 6 deletions
diff --git a/web/gotosocial-styling/templates/profile.css b/web/gotosocial-styling/templates/profile.css
index 167ed7b9e..472c6b730 100644
--- a/web/gotosocial-styling/templates/profile.css
+++ b/web/gotosocial-styling/templates/profile.css
@@ -34,15 +34,34 @@ main {
       text-decoration: none;
     }
 
-    .avatar {
-      img {
-        height: 25em;
-        width: 25em;
-        object-fit: cover;
-        border-radius: 10px;
+    .avatar-container {
+      position: relative;
+      width: 100%;
+      max-width: 25em;
+
+      .avatar {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+
+        img {
+          object-fit: cover;
+          border-radius: 10px;
+          width: 100%;
+          height: 100%;
+        }
       }
     }
 
+    .avatar-container:before {
+      content: "";
+      float: left;
+      padding-top: 100%;
+    }
+
+
     .displayname {
       font-weight: bold;
       font-size: 1.6rem;