From 03c528b1b51553a957b2aeb059bdfa266287891c Mon Sep 17 00:00:00 2001
From: lassopicasso <lars.walderhaug@digdir.no>
Date: Sun, 15 Feb 2026 15:03:33 +0100
Subject: [PATCH] fix table overflow when long filename

---
 .../SigneeList/SigneeListComponent.module.css | 19 +++++++++++++++++++
 .../SigningDocumentListComponent.tsx          |  7 ++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

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({
             <Link
               href={rowData.url}
               rel='noopener noreferrer'
+              title={rowData.filename}
             >
-              {rowData.filename}
+              <span className={classes.nameWrapper}>
+                <span className={classes.truncate}>{removeFileEnding(rowData.filename)}</span>
+                <span className={classes.extension}>{getFileEnding(rowData.filename)}</span>
+              </span>
             </Link>
           ),
         },