diff --git a/components/eventtype/EventTypeDescription.tsx b/components/eventtype/EventTypeDescription.tsx
index 73e4d4b2..2b2d072e 100644
--- a/components/eventtype/EventTypeDescription.tsx
+++ b/components/eventtype/EventTypeDescription.tsx
@@ -32,8 +32,9 @@ export const EventTypeDescription = ({ eventType, className }: EventTypeDescript
     <>
       <div className={classNames("text-neutral-500 dark:text-white", className)}>
         {eventType.description && (
-          <h2 className="opacity-60 truncate max-w-[280px] sm:max-w-[500px]">
+          <h2 className="opacity-60 overflow-ellipsis overflow-hidden max-w-[280px] sm:max-w-[500px]">
             {eventType.description.substring(0, 100)}
+            {eventType.description.length > 100 && "..."}
           </h2>
         )}
         <ul className="flex mt-2 space-x-4 ">