diff --git a/src/views/app/Home.vue b/src/views/app/Home.vue
index 3580a89..e2c1ba2 100644
--- a/src/views/app/Home.vue
+++ b/src/views/app/Home.vue
@@ -286,22 +286,23 @@ export default {
 @import '@/assets/sass/renderSass/theme.scss';
 .render-container {
   background: #f0f4fa;
-  padding: 10px;
+  padding: 0;
+  margin: 10px;
+  transition: all 0.5s;
+
+  height: calc(100vh - 20px);
   & .home-container {
-    //padding: 20px;
     border-radius: 10px;
-    //background: #f0f4fa;
-    height: calc(100vh - 60px);
+    height: 100%;
     overflow-y: auto;
 
     .home-top-container {
-      margin-bottom: 20px;
+      margin-bottom: 10px;
       padding: 20px;
       background: linear-gradient(135deg, #6a11cb, #2575fc);
       border-radius: 10px;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       overflow: hidden;
-
       .left-container {
         width: 50%;
         color: #fff;
@@ -331,7 +332,7 @@ export default {
         .icon-box {
           width: 40px;
           height: 40px;
-          background-color: rgba(255, 255, 255, 0.2);
+          //background: linear-gradient(135deg, #6a11cb, #2575fc);
           border-radius: 50%;
           display: flex;
           align-items: center;
@@ -341,7 +342,7 @@ export default {
           cursor: pointer;
 
           &:hover {
-            background-color: rgba(255, 255, 255, 0.3);
+            //background: linear-gradient(135deg, #2575fc, #6a11cb);
           }
         }
       }
@@ -358,7 +359,7 @@ export default {
           padding: 20px;
           background-color: #fff;
           border-radius: 10px;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
 
           .card-title {
             font-size: 18px;
@@ -375,14 +376,12 @@ export default {
       .latest-section {
         display: flex;
         justify-content: space-between;
-        margin: 20px 0;
-        //padding: 20px;
+        margin: 10px 0;
 
         .latest-knowledge,
         .latest-agent {
           background: #fff;
-
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
           flex: 1;
           border-radius: 8px;
           padding: 15px;
@@ -416,7 +415,7 @@ export default {
                   width: 60px;
                   height: 60px;
                   line-height: 60px;
-                  background: rgb(209, 233, 255);
+                  background: linear-gradient(135deg, #6a11cb, #2575fc);
                   border-radius: 8px;
                   font-size: 40px;
                   overflow: hidden;
@@ -424,18 +423,6 @@ export default {
                   color: #fff;
                   text-align: center;
                 }
-                & .appType {
-                  position: absolute;
-                  right: 0;
-                  bottom: -5px;
-                  z-index: 1;
-                  width: 20px;
-                  height: 20px;
-                  padding: 2px;
-                  border-radius: 5px;
-                  color: $--color-primary;
-                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-                }
               }
 
               .knowledge-details {
@@ -470,10 +457,10 @@ export default {
     }
 
     .home-bottom-container {
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-      margin-top: 20px;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
+      margin-top: 10px;
       border-radius: 8px;
-      height: calc(100vh - 445px);
+      height: calc(100vh - 375px);
       background-color: #fff;
     }
   }