diff --git a/app/_components/Sidemenu.module.scss b/app/_components/Sidemenu.module.scss
index a7070db..7229a62 100644
--- a/app/_components/Sidemenu.module.scss
+++ b/app/_components/Sidemenu.module.scss
@@ -22,7 +22,12 @@
 
 		// Since colors use variables, and dialog is rendered outside of the regular DOM,
 		// we need to specify them as literals (or add variables to the dialog scope, but that's too complicated).
-		background-color: light-dark(rgba(255, 255, 255, 0.5), rgba(26, 26, 26, 0.5));
+		background-color: rgba(255, 255, 255, 0.5);
+
+		@media (prefers-color-scheme: dark)
+		{
+			background-color: rgba(26, 26, 26, 0.5);
+		}
 	}
 
 	.wrapper
diff --git a/app/_page_sections/ContactSection.module.scss b/app/_page_sections/ContactSection.module.scss
index a3f5615..9aaab7c 100644
--- a/app/_page_sections/ContactSection.module.scss
+++ b/app/_page_sections/ContactSection.module.scss
@@ -66,7 +66,7 @@
 				> span
 				{
 					margin: $spacingS $spacingM;
-					text-wrap: nowrap;
+					white-space: nowrap;
 				}
 
 				color: $colorNeutralForegroundStaticInverted;