diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index a9aa352f27..1a3276cd46 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -779,6 +779,7 @@ input[type=file] {
 /* PROFILE */
 .profile {
     display: flex;
+    flex-direction: column;
     flex-wrap: wrap;
 
     font-family: var(--main-font);
@@ -806,9 +807,7 @@ input[type=file] {
     margin-right: 5px;
 }
 .profile-info-stats {
-    margin-top: var(--unit-size);.content {
-        max-width: 100%;
-    }
+    margin-top: var(--unit-size);
 }
 
 .profile-avatar {
@@ -879,6 +878,9 @@ and (max-width: 1200px) {
     .container {
         width: 100%;
     }
+    .content {
+        max-width: 100%;
+    }
 
     #panel-left-toggle:not(:checked) ~ .panel-content,
     #panel-right-toggle:not(:checked) ~ .panel-content {
diff --git a/templates/cards/profile/view.html.twig b/templates/cards/profile/view.html.twig
index a3e18c815c..8c2f787b83 100644
--- a/templates/cards/profile/view.html.twig
+++ b/templates/cards/profile/view.html.twig
@@ -4,22 +4,12 @@
 {% set actor_bio = actor.getBio() %}
 
 {% block profile_view %}
-    <section title="{{ actor_nickname }}'s {{ 'profile information.' | trans }}">
-        <a class='profile' href="{{ path('actor_view_nickname', {'nickname' : actor_nickname}) }}">
-            <img src='{{ actor_avatar }}' class="profile-avatar" alt="{{ actor_nickname }}{{ '\'s avatar.' | trans }}">
+    <section class='profile' title="{{ actor_nickname }}'s {{ 'profile information.' | trans }}">
+        <a href="{{ path('actor_view_nickname', {'nickname' : actor_nickname}) }}">
             <div class="profile-info">
+                <img src='{{ actor_avatar }}' class="profile-avatar" alt="{{ actor_nickname }}{{ '\'s avatar.' | trans }}">
                 <strong id="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
 
-                <nav class="profile-info-tags">
-                    {% if actor_tags %}
-                        {% for tag in actor_tags %}
-                            <a href='#'><em>#{{ tag }}</em></a>
-                        {% endfor %}
-                    {% else %}
-                        {{ '(No tags)' | trans }}
-                    {% endif %}
-                </nav>
-
                 <section class="profile-info-bio">
                     {% if actor_bio %}
                         <p>{{ actor_bio }}</p>
@@ -27,13 +17,23 @@
                         <p>{{ '(No bio)' | trans }}</p>
                     {% endif %}
                 </section>
-
-                <section class="profile-info-stats">
-                    <div><strong>{{ 'Subscriptions' | trans }}</strong>{{ actor.getSubscriptionsCount() }}</div>
-                    <div><strong>{{ 'Subscribers' | trans }}</strong>{{ actor.getSubscribersCount() }}</div>
-                </section>
             </div>
         </a>
+
+        <section class="profile-info-stats">
+            <div><strong>{{ 'Subscriptions' | trans }}</strong>{{ actor.getSubscriptionsCount() }}</div>
+            <div><strong>{{ 'Subscribers' | trans }}</strong>{{ actor.getSubscribersCount() }}</div>
+        </section>
+
+        <nav class="profile-info-tags">
+            {% if actor_tags %}
+                {% for tag in actor_tags %}
+                    <a href='#'><em>#{{ tag }}</em></a>
+                {% endfor %}
+            {% else %}
+                {{ '(No tags)' | trans }}
+            {% endif %}
+        </nav>
     </section>
 
     <hr>