diff --git a/apps/meteor/client/views/room/contextualBar/KeyboardShortcuts/KeyboardShortcutSection.tsx b/apps/meteor/client/views/room/contextualBar/KeyboardShortcuts/KeyboardShortcutSection.tsx
index b90968d58b56..ea1762c15546 100644
--- a/apps/meteor/client/views/room/contextualBar/KeyboardShortcuts/KeyboardShortcutSection.tsx
+++ b/apps/meteor/client/views/room/contextualBar/KeyboardShortcuts/KeyboardShortcutSection.tsx
@@ -1,4 +1,4 @@
-import { Box, Divider } from '@rocket.chat/fuselage';
+import { Box, Divider, Margins } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
 import React from 'react';
 
@@ -8,13 +8,15 @@ type KeyboardShortcutSectionProps = {
 };
 
 const KeyboardShortcutSection = ({ title, command }: KeyboardShortcutSectionProps): ReactElement => (
-	<Box is='section' mb='x16'>
-		<Box fontScale='p2m' fontWeight='700'>
-			{title}
+	<Margins block='x16'>
+		<Box is='section' color='default'>
+			<Box fontScale='p2m' fontWeight='700'>
+				{title}
+			</Box>
+			<Divider />
+			<Box fontScale='p2'>{command}</Box>
 		</Box>
-		<Divider />
-		<Box fontScale='p2'>{command}</Box>
-	</Box>
+	</Margins>
 );
 
 export default KeyboardShortcutSection;