diff --git a/packages/block-editor/src/components/inserter/menu.js b/packages/block-editor/src/components/inserter/menu.js
index 0d555633d91a96..94d0596c4fe471 100644
--- a/packages/block-editor/src/components/inserter/menu.js
+++ b/packages/block-editor/src/components/inserter/menu.js
@@ -404,7 +404,11 @@ export class InserterMenu extends Component {
 								</div>
 								<Tip>
 									{ __(
-										'While writing, you can press "/" to quickly insert new blocks.'
+										'While writing, you can press'
+									) }
+									<kbd>/</kbd>
+									{ __(
+										' to quickly insert new blocks.'
 									) }
 								</Tip>
 							</div>
diff --git a/packages/components/src/tip/style.scss b/packages/components/src/tip/style.scss
index d02afb1bdf8d09..4a9004386a96ec 100644
--- a/packages/components/src/tip/style.scss
+++ b/packages/components/src/tip/style.scss
@@ -12,4 +12,11 @@
 	p {
 		margin: 0;
 	}
+
+	kbd {
+		font-weight: 600;
+		padding: 0.25rem 0.5rem;
+		border-radius: 8%;
+		margin: 0 0.2rem 0 0.2rem;
+	}
 }