diff --git a/src/layout/SigneeList/SigneeListComponent.module.css b/src/layout/SigneeList/SigneeListComponent.module.css
index 08fe79b0c1..dcb67e37f3 100644
--- a/src/layout/SigneeList/SigneeListComponent.module.css
+++ b/src/layout/SigneeList/SigneeListComponent.module.css
@@ -4,6 +4,25 @@
border-bottom-color: var(--ds-color-accent-base-hover);
}
+.table {
+ table-layout: fixed;
+}
+
+.nameWrapper {
+ display: flex;
+}
+
+.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.extension {
+ flex-shrink: 0;
+ white-space: nowrap;
+}
+
.table tr td:last-child {
width: 1%;
}
diff --git a/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx b/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx
index ec39915538..53dd9eb6ea 100644
--- a/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx
+++ b/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx
@@ -8,6 +8,7 @@ import { AppTable } from 'src/app-components/Table/Table';
import { Caption } from 'src/components/form/caption/Caption';
import { Lang } from 'src/features/language/Lang';
import { useLanguage } from 'src/features/language/useLanguage';
+import { getFileEnding, removeFileEnding } from 'src/layout/FileUpload/utils/fileEndings';
import classes from 'src/layout/SigneeList/SigneeListComponent.module.css';
import { useDocumentList } from 'src/layout/SigningDocumentList/api';
import { SigningDocumentListError } from 'src/layout/SigningDocumentList/SigningDocumentListError';
@@ -54,8 +55,12 @@ export function SigningDocumentListComponent({
- {rowData.filename}
+
+ {removeFileEnding(rowData.filename)}
+ {getFileEnding(rowData.filename)}
+
),
},