diff --git a/src/components/IconBadge/IconBadge.css b/src/components/IconBadge/IconBadge.css
index 4049af75..6354fb7e 100644
--- a/src/components/IconBadge/IconBadge.css
+++ b/src/components/IconBadge/IconBadge.css
@@ -4,11 +4,14 @@
   text-transform: uppercase;
   padding: 2px 8px;
   border-radius: 5px;
-  cursor: pointer;
   background-color: #37333d;
   min-height: 24px;
 }
 
+.dui-icon-badge.clickable {
+  cursor: pointer;
+}
+
 .dui-icon-badge .text {
   font-size: 13px;
   color: white;
diff --git a/src/components/IconBadge/IconBadge.tsx b/src/components/IconBadge/IconBadge.tsx
index 26c816cc..dc2b2e10 100644
--- a/src/components/IconBadge/IconBadge.tsx
+++ b/src/components/IconBadge/IconBadge.tsx
@@ -25,7 +25,14 @@ export const IconBadge = ({
   )
 
   return (
-    <span className={classNames('dui-icon-badge', className)} onClick={onClick}>
+    <span
+      className={classNames(
+        'dui-icon-badge',
+        className,
+        onClick && 'clickable'
+      )}
+      onClick={onClick}
+    >
       {childrenInt}
     </span>
   )