diff --git a/docs/linguagens/index.mdx b/docs/linguagens/index.mdx
index 69173e4..b3f6006 100644
--- a/docs/linguagens/index.mdx
+++ b/docs/linguagens/index.mdx
@@ -36,11 +36,18 @@ pagination_next: null
     detailBgColor="bg-orange-500/10"
   />
 
+  <Card
+    title="Kotlin"
+    link="/docs/linguagens/kotlin"
+    iconPath="/img/languages/kotlin.png"
+    detailBgColor="bg-purple-500/10"
+  />
+
   <Card
     title="C#"
     link="/docs/linguagens/csharp"
     iconPath="/img/languages/csharp.png"
-    detailBgColor="bg-purple-500/10"
+    detailBgColor="bg-fuchsia-500/10"
   />
 
   <Card
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 455c0b9..ee7aba2 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -10,9 +10,8 @@ export function Card({ title, iconPath, detailBgColor, link }: Props) {
     <a href={link} className='langCardAnchor'>
       <div className='langCardBox flex-1 bg-zinc-800 text-white rounded-2xl p-4 flex border border-red-500 items-center gap-4 cursor-pointer hover:bg-transparent transition-all'>
         <div className={`${detailBgColor} rounded-xl p-2 flex items-center justify-center`}>
-          <img src={iconPath} alt={title} className="rounded-xl w-10 h-10" />
+          <img src={iconPath} alt={title} className='rounded-lg w-10 h-10' />
         </div>
-
         <span className='font-medium text-lg'>{title}</span>
       </div>
     </a>
diff --git a/static/img/languages/kotlin.png b/static/img/languages/kotlin.png
new file mode 100644
index 0000000..8b642c2
Binary files /dev/null and b/static/img/languages/kotlin.png differ