diff --git a/src/components/selfStatus/style.module.css b/src/components/selfStatus/style.module.css
index 4e80ece..bcf883c 100644
--- a/src/components/selfStatus/style.module.css
+++ b/src/components/selfStatus/style.module.css
@@ -8,37 +8,41 @@
     border-radius: 10px;
     background-color: #f9f9f9;
     width: 100%;
-    height: 200px; /* Adjust height as needed */
+    height: 100%; /* Adjust height as needed */
     box-sizing: border-box;
+    overflow:hidden;
 }
 
 .left {
+    border:1px solid #ccc;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
-    width: 20%; /* Adjust width for avatar section */
+    width: 35%; /* Adjust width for avatar section */
 }
 
 .avatar {
-    width: 80px;
-    height: 80px;
+    width: 100%;
+    height: 100%;
     border-radius: 50%;
     object-fit: cover;
     margin-bottom: 10px;
 }
 .right {
+    border:1px solid #aaa;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: flex-start;
     align-items: flex-start;
-    width: 75%; /* Adjust width for info and button section */
+    width: 55%; /* Adjust width for info and button section */
 }
 
 .info {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
+    justify-content: flex-start;
     margin-bottom: 10px;
 }
 
@@ -50,6 +54,7 @@
 .role,
 .uploadTraffic,
 .downloadTraffic,
+.downloadPoints,
 .shareRatio {
     font-size: 14px;
     margin-bottom: 5px;