diff --git a/src/components/UserProfileComponents/LargeProfileCard.vue b/src/components/UserProfileComponents/LargeProfileCard.vue
index 6ecef8fd976997039735390d95209e7313eee010..4b88012ec203c64c4f59a250b80a3fa780255d00 100644
--- a/src/components/UserProfileComponents/LargeProfileCard.vue
+++ b/src/components/UserProfileComponents/LargeProfileCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="w-full max-w-xl m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[10%] p-6"
+    class="w-full max-w-xl m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl p-4"
   >
     <div v-show="isCurrentUser" class="float-right px-4 pt-4">
       <button
diff --git a/src/views/UserProfileViews/ProfileView.vue b/src/views/UserProfileViews/ProfileView.vue
index b44558f50dd0a231b1822b6007b947ad16dd2c7c..430082e1e6e06586d7384c8bac8b91727978c768 100644
--- a/src/views/UserProfileViews/ProfileView.vue
+++ b/src/views/UserProfileViews/ProfileView.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <large-profile-card :isCurrentUser="true" class="align-top" />
+    <LargeProfileCard :isCurrentUser="true" class="md:mt-8" />
   </div>
 </template>