diff --git a/src/templates/default.jsx b/src/templates/default.jsx
index 493d310..fbbf94e 100644
--- a/src/templates/default.jsx
+++ b/src/templates/default.jsx
@@ -19,7 +19,7 @@ const componentMap = {
     return <Link className="link" to={props?.href} {...props} />
   },
   kbd: (props) => {
-    return <kbd className="kbd" {...props} />
+    return <kbd className="kbd bg-base-300" {...props} />
   },
   ol: (props) => {
     return <ul className="steps steps-vertical" {...props} />