diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js
index 5fcb0d7..88f3e60 100644
--- a/src/components/content/carousels/templates/CourseTemplate.js
+++ b/src/components/content/carousels/templates/CourseTemplate.js
@@ -81,7 +81,7 @@ export function CourseTemplate({ course }) {
       <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}>
         <div className="flex flex-wrap gap-2 max-w-[50%]">
           {course && course.topics && course.topics.map((topic, index) => (
-            <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
+            <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
               {topic}
             </Tag>
           ))}
diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js
index ad2c351..bdd6eb7 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -70,7 +70,7 @@ export function DocumentTemplate({ document }) {
             <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}>
                 <div className="flex flex-wrap gap-2 max-w-[50%]">
                     {document?.topics?.map((topic, index) => (
-                        <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
+                        <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
                             {topic}
                         </Tag>
                     ))}
diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index b1605f6..44041e7 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -72,7 +72,7 @@ export function VideoTemplate({ video }) {
             <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}>
                 <div className="flex flex-wrap gap-2 max-w-[50%]">
                     {video?.topics?.map((topic, index) => (
-                        <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
+                        <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
                             {topic}
                         </Tag>
                     ))}