diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index cc798868c53b4..2e1219636928b 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -184,7 +184,9 @@ select {
 		border-color: var(--color-primary) !important;
 	}
 
-	&.icon-file {
+	&.icon-file,
+	&.icon-file-white
+	{
 		padding-left: 48px;
 		background-position: 24px;
 	}
diff --git a/apps/settings/templates/settings/personal/development.notice.php b/apps/settings/templates/settings/personal/development.notice.php
index bed534b2d5f43..8378e57b2f7c6 100644
--- a/apps/settings/templates/settings/personal/development.notice.php
+++ b/apps/settings/templates/settings/personal/development.notice.php
@@ -1,6 +1,6 @@
 <div class="section development-notice">
 	<p>
-		<a href="<?php p($_['reasons-use-nextcloud-pdf-link']); ?>" id="open-reasons-use-nextcloud-pdf" class="link-button icon-file" target="_blank"><?php p($l->t('Reasons to use Nextcloud in your organization'));?></a>
+		<a href="<?php p($_['reasons-use-nextcloud-pdf-link']); ?>" id="open-reasons-use-nextcloud-pdf" class="link-button icon-file-white" target="_blank"><?php p($l->t('Reasons to use Nextcloud in your organization'));?></a>
 	</p>
 	<p>
 		<?php print_unescaped(str_replace(
diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss
index dcc6fbee20c2c..49e120479adf4 100644
--- a/apps/theming/css/theming.scss
+++ b/apps/theming/css/theming.scss
@@ -92,7 +92,7 @@ $invert: luma($color-primary) > 0.6;
 }
 
 /* Colorized svg images */
-.icon-file, .icon-filetype-text {
+.icon-file, .icon-filetype-text, .icon-file-white:hover, .icon-file-white:focus {
 	background-image: url(./img/core/filetypes/text.svg?v=#{$theming-cachebuster});
 }
 
diff --git a/core/css/icons.scss b/core/css/icons.scss
index b3ef33e9fa598..1df5ccd4609cd 100644
--- a/core/css/icons.scss
+++ b/core/css/icons.scss
@@ -388,6 +388,11 @@ audio, canvas, embed, iframe, img, input, object, video {
 	@include icon-color('text', 'filetypes', #969696, 1, true);
 }
 
+.icon-file-white,
+.icon-filetype-text-white {
+	@include icon-color('text', 'filetypes', $color-white, 1, true);
+}
+
 .icon-filetype-file {
 	@include icon-color('file', 'filetypes', #969696, 1, true);
 }