diff --git a/packages/console/src/components/AuditLogTable/components/EventName/index.module.scss b/packages/console/src/components/AuditLogTable/components/EventName/index.module.scss
index 52e7ed40d..430913371 100644
--- a/packages/console/src/components/AuditLogTable/components/EventName/index.module.scss
+++ b/packages/console/src/components/AuditLogTable/components/EventName/index.module.scss
@@ -24,5 +24,6 @@
     font: var(--font-body-medium);
     color: var(--color-text-link);
     text-decoration: none;
+    @include _.text-ellipsis;
   }
 }
diff --git a/packages/console/src/components/AuditLogTable/components/EventName/index.tsx b/packages/console/src/components/AuditLogTable/components/EventName/index.tsx
index 896690c74..5b38bd335 100644
--- a/packages/console/src/components/AuditLogTable/components/EventName/index.tsx
+++ b/packages/console/src/components/AuditLogTable/components/EventName/index.tsx
@@ -21,20 +21,18 @@ const EventName = ({ eventKey, isSuccess, to }: Props) => {
       <div className={classNames(styles.icon, isSuccess ? styles.success : styles.fail)}>
         {isSuccess ? <Success /> : <Failed />}
       </div>
-      <div>
-        {to && (
-          <Link
-            className={styles.title}
-            to={to}
-            onClick={(event) => {
-              event.stopPropagation();
-            }}
-          >
-            {title}
-          </Link>
-        )}
-        {!to && <div className={styles.title}>{title}</div>}
-      </div>
+      {to && (
+        <Link
+          className={styles.title}
+          to={to}
+          onClick={(event) => {
+            event.stopPropagation();
+          }}
+        >
+          {title}
+        </Link>
+      )}
+      {!to && <div className={styles.title}>{title}</div>}
     </div>
   );
 };