diff --git a/app/components/Compare/ComparisonGrid.vue b/app/components/Compare/ComparisonGrid.vue
index 325839c49c..191d7d37df 100644
--- a/app/components/Compare/ComparisonGrid.vue
+++ b/app/components/Compare/ComparisonGrid.vue
@@ -49,13 +49,13 @@ function getReplacementTooltip(col: ComparisonGridColumn): string {
-
+
{{ col.name }}
-
+
@{{ col.version }}
diff --git a/test/nuxt/components/compare/ComparisonGrid.spec.ts b/test/nuxt/components/compare/ComparisonGrid.spec.ts
index 40eda3c44e..dd06dde751 100644
--- a/test/nuxt/components/compare/ComparisonGrid.spec.ts
+++ b/test/nuxt/components/compare/ComparisonGrid.spec.ts
@@ -45,7 +45,7 @@ describe('ComparisonGrid', () => {
expect(component.find('.comparison-cell-nodep').exists()).toBe(true)
})
- it('renders package name and version on separate clamped lines with a full title attribute', async () => {
+ it('renders package name and version on separate truncated lines with a full title attribute', async () => {
const longName = 'very-long-package-name@1.0.0-beta.1'
const component = await mountSuspended(ComparisonGrid, {
props: {
@@ -56,7 +56,7 @@ describe('ComparisonGrid', () => {
const link = component.find(`a[title="${longName}"]`)
expect(link.exists()).toBe(true)
expect(link.attributes('title')).toBe(longName)
- expect(link.findAll('.line-clamp-1')).toHaveLength(2)
+ expect(link.findAll('.truncate')).toHaveLength(2)
})
})