1 files changed, 3 insertions, 2 deletions
diff --git a/extension/react-app/src/components/StyledMarkdownPreview.tsx b/extension/react-app/src/components/StyledMarkdownPreview.tsx
index 5957f8dd..c633e621 100644
--- a/extension/react-app/src/components/StyledMarkdownPreview.tsx
+++ b/extension/react-app/src/components/StyledMarkdownPreview.tsx
@@ -1,6 +1,7 @@
 import styled from "styled-components";
 import {
   defaultBorderRadius,
+  lightGray,
   secondaryDark,
   vscBackground,
   vscForeground,
@@ -12,7 +13,7 @@ const StyledMarkdownPreview = styled(MarkdownPreview)<{ light?: boolean }>`
     background-color: ${(props) =>
       props.light ? vscBackground : secondaryDark};
     border-radius: ${defaultBorderRadius};
-    border: 0.5px solid white;
+    border: 0.5px solid ${lightGray};
   }
 
   code {
@@ -26,7 +27,7 @@ const StyledMarkdownPreview = styled(MarkdownPreview)<{ light?: boolean }>`
     background-color: ${(props) =>
       props.light ? vscBackground : secondaryDark};
     color: ${vscForeground};
-    padding: 10px;
+    padding: 12px;
   }
 
   background-color: ${(props) => (props.light ? "transparent" : vscBackground)};