diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss
index 50dfa3e9c57cf..0a66225d7e3e4 100644
--- a/apps/files_sharing/css/public.scss
+++ b/apps/files_sharing/css/public.scss
@@ -159,6 +159,12 @@ thead {
 	text-align: left;
 }
 
+/* Needed to ellipsize long header text on share page */
+#body-login #header-left,
+#body-login .header-left {
+	overflow: hidden;
+}
+
 #header .header-shared-by  {
 	color: var(--color-primary-text);
 	position: relative;
diff --git a/core/css/header.scss b/core/css/header.scss
index 0d36d4cfa8809..5fb4889d8f2da 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -153,7 +153,6 @@
 		flex: 0 0;
 		flex-grow: 1;
 		white-space: nowrap;
-		overflow: hidden;
 	}
 
 	#header-right, .header-right {
@@ -358,12 +357,12 @@ nav[role='navigation'] {
 		&:active {
 			color: var(--color-primary-text);
 
-			#expandDisplayName, 
+			#expandDisplayName,
 			.avatardiv{
 				border-radius: 50%;
 				border: 2px solid var(--color-primary-text);
 				margin: -2px;
-			} 
+			}
 			.avatardiv{
 				background-color: var(--color-primary-text);
 			}