diff --git a/client/components/preview/preview.module.css b/client/components/preview/preview.module.css
index 96276d1..6250035 100644
--- a/client/components/preview/preview.module.css
+++ b/client/components/preview/preview.module.css
@@ -82,3 +82,17 @@
 .markdownPreview ul ul li {
   margin-left: var(--gap);
 }
+
+.markdownPreview code {
+  border-radius: 3px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  color: initial;
+  background-color: #f5f5f5;
+  padding: 2px 4px;
+}
+
+.markdownPreview code::before,
+.markdownPreview code::after {
+  content: "";
+}