diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index a37986d..806eb53 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -47,12 +47,12 @@ body, html {
     grid-auto-flow: row;
     grid-template-areas:
     "menu header header header header header header"
-    "menu profile profile payments payments payments chat"
-    "menu profile profile payments payments payments chat"
-    "menu profile profile payments payments payments chat"
-    "menu profile profile payments payments payments chat"
-    "menu profile profile payments payments payments chat"
-    "menu profile profile payments payments payments chat";
+    "menu profile profile profile profile profile chat"
+    "menu profile profile profile profile profile chat"
+    "menu profile profile profile profile profile chat"
+    "menu profile profile profile profile profile chat"
+    "menu profile profile profile profile profile chat"
+    "menu profile profile profile profile profile chat";
     grid-gap: 10px;
     height: 100%;
 }
diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index 4e6429d..8a6dc73 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -6,7 +6,16 @@
 
     <header-component></header-component>
 
+  <section class="profile">
+    <div class="profile__content">
 
+    </div>
+    <div class="payments">
+      <div class="payments__content">
+
+      </div>
+    </div>
+  </section>
   </div>
 </template>