diff --git a/core/css/apps.css b/core/css/apps.css
index 313e58d8cb398..394b5c159f5c8 100644
--- a/core/css/apps.css
+++ b/core/css/apps.css
@@ -814,7 +814,7 @@ kbd {
   width: 100%;
   padding: 0;
   margin: 0;
-  background-color: var(--color-main-background);
+  background-color: transparent;
   box-shadow: none;
   border: 0;
   border-radius: calc(var(--default-clickable-area) / 2);
diff --git a/core/css/apps.scss b/core/css/apps.scss
index d5ce17ad13005..f380fb01a1280 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -821,7 +821,7 @@ $min-content-width: variables.$breakpoint-mobile - variables.$navigation-width -
 		width: 100%;
 		padding: 0;
 		margin: 0;
-		background-color: var(--color-main-background);
+		background-color: transparent;
 		box-shadow: none;
 		border: 0;
 		border-radius: calc(var(--default-clickable-area) / 2);
diff --git a/core/css/server.css b/core/css/server.css
index dde7b700f6a20..da94d3e21eb44 100644
--- a/core/css/server.css
+++ b/core/css/server.css
@@ -3592,7 +3592,7 @@ kbd {
   width: 100%;
   padding: 0;
   margin: 0;
-  background-color: var(--color-main-background);
+  background-color: transparent;
   box-shadow: none;
   border: 0;
   border-radius: calc(var(--default-clickable-area) / 2);