move containers inside the main_content block

templates/default/user/info.html.twig

@@ -1,6 +1,7 @@
 {% extends 'default/layout.html.twig' %}
 {% block title %}{{ 'User'|trans }} #{{ user.id }} - {{ name }}{% endblock %}
 {% block main_content %}
+    <div class="padding-24-px margin-y-8-px border-radius-3-px background-color-night">
         <div class="text-center">
             <img class="border-radius-50 border-default border-width-2-px" src="{{ user.identicon }}" alt="{{ 'identicon'|trans }}" />
         </div>
@@ -85,4 +86,5 @@
                 </tr>
             </tbody>
         </table>
+    </div>
 {% endblock %}

templates/default/user/profile.html.twig

@@ -1,6 +1,7 @@
 {% extends 'default/layout.html.twig' %}
 {% block title %}{{ 'Profile'|trans }} - {{ name }}{% endblock %}
 {% block main_content %}
+    <div class="padding-24-px margin-y-8-px border-radius-3-px background-color-night">
         <form name="profile" action="{{ path('user_profile') }}" method="post">
             <div class="text-center">
                 <img class="border-radius-50 border-default border-width-2-px" src="{{ user.identicon }}" alt="{{ 'identicon'|trans }}" />
@@ -106,4 +107,5 @@
                 <input class="button-green" type="submit" value="{{'Save'|trans }}" />
             </div>
         </form>
+    </div>
 {% endblock %}