diff --git a/django_lostplaces/lostplaces/static/main.css b/django_lostplaces/lostplaces/static/main.css
index 75eb8b8..951ba23 100644
--- a/django_lostplaces/lostplaces/static/main.css
+++ b/django_lostplaces/lostplaces/static/main.css
@@ -611,6 +611,12 @@ body {
   font-weight: bold;
   cursor: pointer;
   white-space: nowrap; }
+  .LP-Button--fullWidth {
+    text-align: center; }
+  .LP-Button.LP-Link {
+    display: block; }
+    .LP-Button.LP-Link:hover {
+      color: #f9f9f9; }
   .LP-Button:active {
     background-color: #76323F;
     color: #f9f9f9; }
@@ -1050,13 +1056,19 @@ body {
       padding: 5px;
       font-size: 25px; }
   .LP-UserInfo__Meta {
+    margin-top: 10px;
     padding: 5px; }
     .LP-UserInfo__Meta * {
       font-family: "Montserrat", Helvetica, sans-serif;
       font-size: 18px; }
     .LP-UserInfo__Meta .LP-UserInfo__Key {
       padding-right: 25px;
-      font-weight: bold; }
+      font-weight: bold;
+      white-space: nowrap; }
+    .LP-UserInfo__Meta .LP-UserInfo__Value {
+      white-space: nowrap; }
+  .LP-UserInfo__Edit {
+    margin-top: 10px; }
 
 .LP-Header {
   display: flex;
@@ -1736,6 +1748,15 @@ body {
     flex-shrink: 1;
     flex-basis: max-content; }
 
+@media (max-width: 1000px) {
+  .LP-UserProfile {
+    flex-direction: column-reverse;
+    gap: 35px; }
+    .LP-UserProfile__Info {
+      flex-basis: 100%; }
+      .LP-UserProfile__Info .LP-UserInfo {
+        max-width: unset; } }
+
 .LP-MainContainer {
   margin: 0 auto;
   max-width: 1280px; }
diff --git a/django_lostplaces/lostplaces/templates/explorer/profile.html b/django_lostplaces/lostplaces/templates/explorer/profile.html
index 8bdd07d..24831e4 100644
--- a/django_lostplaces/lostplaces/templates/explorer/profile.html
+++ b/django_lostplaces/lostplaces/templates/explorer/profile.html
@@ -42,7 +42,7 @@
                         </td>
                         <td class="LP-UserInfo__Value">
 							<span class="LP-Paragraph">
-                            	<a href="{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a>
+                            	<a href="mailto:{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a>
 							</span>
                         </td>
 						{% endif %}
@@ -71,12 +71,10 @@
                             <span class="LP-Paragraph">{{asset_count}}</span>
                         </td>
                     </tr>
-                    <tr>
-                        <td>
-                            <a href="/explorer/update/"><button class="LP-Button LP-Button">{% trans 'Edit Profile' %}</button></a>
-                        </td>
-                    </tr>
                 </table>
+                <div class="LP-UserInfo__Edit">
+                    <a href="{% url 'explorer_profile_update' %}" class="LP-Button LP-Button--fullWidth LP-Link">{% trans 'Edit Profile' %}</a>
+                </div>
             </div>
         </div>
     </div>