diff --git a/apps/app/components/Preview/parser.tsx b/apps/app/components/Preview/parser.tsx
index cd898421..8fd307e9 100644
--- a/apps/app/components/Preview/parser.tsx
+++ b/apps/app/components/Preview/parser.tsx
@@ -72,6 +72,22 @@ const shadowRootStyle = `
   p:empty::after {
     content: "\\00A0";
   }
+
+
+  pre {
+    white-space: pre-wrap;
+  }
+
+  code {
+    background: #EBEBEB;
+    font-size: 14px;
+    padding: 5px;
+  }
+
+  pre code {
+    display: block;
+    padding: 18px;
+  }
 `
 
 export const RenderHTML: React.FC<htmlParserProps> = ({
diff --git a/apps/community/src/components/Editor/Content.tsx b/apps/community/src/components/Editor/Content.tsx
index c242bae1..e0dc8a90 100644
--- a/apps/community/src/components/Editor/Content.tsx
+++ b/apps/community/src/components/Editor/Content.tsx
@@ -40,6 +40,21 @@ img {
   margin: 0 auto;
 }
 
+pre {
+  white-space: pre-wrap;
+}
+
+code {
+  background: #EBEBEB;
+  font-size: 14px;
+  padding: 5px;
+}
+
+pre code {
+  display: block;
+  padding: 18px;
+}
+
 `
 
 export const Content = forwardRef<HTMLDivElement, FlexProps>(