diff --git a/src/renderer/src/components-code-launchpad/IDECard.vue b/src/renderer/src/components-code-launchpad/IDECard.vue
index 08c1372..806af20 100644
--- a/src/renderer/src/components-code-launchpad/IDECard.vue
+++ b/src/renderer/src/components-code-launchpad/IDECard.vue
@@ -13,11 +13,14 @@ onMounted(() => {})
 </script>
 
 <template>
-  <n-card>
+  <n-card
+    content-class="small-padding no-padding-top"
+    header-class="small-padding no-padding-bottom"
+  >
     <template #header>
       <div class="ide-card-header">
         <n-icon :component="icon" size="34" />
-        <n-h2>{{ ideInfo.display }}</n-h2>
+        <n-h3>{{ ideInfo.display }}</n-h3>
       </div>
     </template>
     <template #header-extra>
@@ -39,7 +42,7 @@ div.ide-card-header {
   display: flex;
   flex-direction: row;
 
-  h2.n-h2 {
+  h3.n-h3 {
     margin: 0 12px;
   }
 }