diff --git a/src/pages/UserCenter/UserProfile.css b/src/pages/UserCenter/UserProfile.css
index d4d9476..988c1c8 100644
--- a/src/pages/UserCenter/UserProfile.css
+++ b/src/pages/UserCenter/UserProfile.css
@@ -1,13 +1,20 @@
 .user-center {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 20px;
+  max-width: 100%;
+  padding: 3%;
   font-family: Arial, sans-serif;
+  display: flex;
+  gap: 10%;
+  background-color: #5F4437;
+}
+
+
+.right-content {
+  flex: 3;
 }
 
 .profile-header {
+  margin-top: -20%;
   text-align: center;
-  margin-bottom: 20px;
 }
 
 .avatar {
@@ -23,6 +30,7 @@
 }
 
 .profile-details {
+  margin-top: 20%;
   font-size: 1.2em;
 }
 
@@ -37,4 +45,14 @@
 .error {
   color: red;
   text-align: center;
-}
+}  
+
+.common-card {
+  background-color: #e9ded2;
+  border-radius: 16px;
+  margin: 0 auto;
+  margin-top: 40px;
+  padding: 10% 20%;
+  margin-left: 5%;
+  margin-right: 5%;
+}  
\ No newline at end of file