diff --git a/app/package-lock.json b/app/package-lock.json
index 28f1631..3eb0e34 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -3242,9 +3242,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
       "funding": [
         {
           "type": "individual",
diff --git a/app/pnpm-lock.yaml b/app/pnpm-lock.yaml
index 2e1dffe..8d182cb 100644
--- a/app/pnpm-lock.yaml
+++ b/app/pnpm-lock.yaml
@@ -1074,7 +1074,7 @@ packages:
   /axios@1.6.0:
     resolution: {integrity: sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==}
     dependencies:
-      follow-redirects: 1.15.5
+      follow-redirects: 1.15.6
       form-data: 4.0.0
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
@@ -2286,8 +2286,8 @@ packages:
     resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
     dev: true
 
-  /follow-redirects@1.15.5:
-    resolution: {integrity: sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==}
+  /follow-redirects@1.15.6:
+    resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
diff --git a/app/src/components/previews/MarkdownPreview.tsx b/app/src/components/previews/MarkdownPreview.tsx
index 33a4a57..3e6b102 100644
--- a/app/src/components/previews/MarkdownPreview.tsx
+++ b/app/src/components/previews/MarkdownPreview.tsx
@@ -116,7 +116,7 @@ const MarkdownPreview: FC<{
   return (
     <div>
       {standalone && <BasicInfoPanel file={file}></BasicInfoPanel>}
-      <div className="border-t border-gray-900/10 bg-white bg-opacity-80 p-2 shadow-sm backdrop-blur-md dark:border-gray-500/30 dark:bg-gray-900 rounded !bg-opacity-50">
+      <div className="border-t border-gray-900/10 bg-white p-2 shadow-sm backdrop-blur-md dark:border-gray-500/30 dark:bg-gray-900 rounded !bg-opacity-50">
         <div className="markdown-body">
           {/* Using rehypeRaw to render HTML inside Markdown is potentially dangerous, use under safe environments. (#18) */}
           <ReactMarkdown
diff --git a/app/src/styles/markdown-github.css b/app/src/styles/markdown-github.css
index f7e9765..44033bc 100644
--- a/app/src/styles/markdown-github.css
+++ b/app/src/styles/markdown-github.css
@@ -87,7 +87,6 @@
 
 .markdown-body strong {
   font-weight: inherit;
-  font-weight: bolder;
 }
 
 .markdown-body h1 {
@@ -778,7 +777,6 @@
 .markdown-body img {
   max-width: 100%;
   box-sizing: initial;
-  background-color: #fff;
 }
 
 .markdown-body img[align='right'] {
@@ -988,6 +986,11 @@
   vertical-align: middle;
 }
 
+.markdown-body img, svg, video, canvas, audio, iframe, embed, object {
+    display: inline-block;
+    vertical-align: middle;
+}
+
 @media (prefers-color-scheme: dark) {
   .markdown-body {
     /* color: #c9d1d9; */
@@ -1139,9 +1142,6 @@
   .markdown-body table tr:nth-child(2n) {
     background-color: #161b22;
   }
-  .markdown-body img {
-    background-color: #0d1117;
-  }
   .markdown-body code {
     background-color: rgba(240, 246, 252, 0.15);
   }