diff --git a/src/lib/components/ContentLayout.svelte b/src/lib/components/ContentLayout.svelte
index 6f2a4a1bb..3341a8a1b 100644
--- a/src/lib/components/ContentLayout.svelte
+++ b/src/lib/components/ContentLayout.svelte
@@ -23,6 +23,7 @@
     flex: 1 0 0;
     align-self: stretch;
     position: relative;
+    width: 100%;
   }
   header {
     flex: 0 0 0;
diff --git a/src/lib/components/documents/DocumentListItem.svelte b/src/lib/components/documents/DocumentListItem.svelte
index 9e0cbb237..e9a475867 100644
--- a/src/lib/components/documents/DocumentListItem.svelte
+++ b/src/lib/components/documents/DocumentListItem.svelte
@@ -130,6 +130,7 @@ It's deliberately minimal and can be wrapped in other components to add addition
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 100ch;
+    width: 100%;
   }
 
   .actions {