diff --git a/src/components/ToolCard.vue b/src/components/ToolCard.vue
index 1037d791..5ab1cf06 100644
--- a/src/components/ToolCard.vue
+++ b/src/components/ToolCard.vue
@@ -15,7 +15,7 @@ const theme = useThemeVars();
       style="border-radius: 22px; box-shadow: 0 10px 24px rgba(62, 43, 18, 0.06); overflow: hidden;"
     >
       <div class="tool-card__header" flex items-center justify-between>
-        <n-icon class="text-neutral-400 dark:text-neutral-600" size="36" :component="tool.icon" />
+        <n-icon class="text-neutral-400 dark:text-neutral-600" size="40" :component="tool.icon" />
 
         <div flex items-center gap-8px>
           <div
@@ -35,6 +35,12 @@ const theme = useThemeVars();
       <div class="tool-card__title text-base font-medium text-black dark:text-white">
         {{ tool.name }}
       </div>
+
+      <div class="tool-card__description text-neutral-500 dark:text-neutral-400">
+        <n-ellipsis :line-clamp="2" :tooltip="false">
+          {{ tool.description }}
+        </n-ellipsis>
+      </div>
     </c-card>
   </router-link>
 </template>
@@ -44,10 +50,10 @@ const theme = useThemeVars();
   background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 251, 243, 0.94) 100%);
   display: flex;
   flex-direction: column;
-  justify-content: flex-start;
-  gap: 10px;
-  min-height: 140px;
-  padding: 14px 16px 12px;
+  justify-content: space-between;
+  gap: 14px;
+  min-height: 172px;
+  padding: 16px 18px 14px;
 }
 
 .tool-card:hover {
@@ -56,11 +62,16 @@ const theme = useThemeVars();
 }
 
 .tool-card__header {
-  min-height: 30px;
+  min-height: 34px;
 }
 
 .tool-card__title {
-  font-size: 15px;
+  font-size: 16px;
   line-height: 1.25;
 }
+
+.tool-card__description {
+  line-height: 1.5;
+  min-height: 3em;
+}
 </style>