diff --git a/src/renderer/assets/themes/dark.theme.css b/src/renderer/assets/themes/dark.theme.css
index 031dda89..d1063908 100644
--- a/src/renderer/assets/themes/dark.theme.css
+++ b/src/renderer/assets/themes/dark.theme.css
@@ -25,6 +25,7 @@
   --floatBgColor: #3f3f3f;
   --floatHoverColor: rgba(255, 255, 255, .04);
   --floatBorderColor: rgba(0, 0, 0, .05);
+  --floatShadow: rgba(0, 0, 0, 0.2);
   --maskColor: rgba(0, 0, 0, .7);
   --editorAreaWidth: 700px;
 }
@@ -33,6 +34,11 @@
   background: var(--editorBgColor);
 }
 
+.ag-front-menu .submenu,
+.ag-float-wrapper {
+  box-shadow: 0 4px 8px 0 var(--floatShadow) !important;
+}
+
 .title-bar .frameless-titlebar-button > div > svg {
   fill: #ffffff;
 }
@@ -51,14 +57,19 @@
 }
 
 :not(pre) > code[class*="language-"],
+pre,
+pre[class*="language-"],
 pre.ag-paragraph {
   background: var(--codeBlockBgColor) !important;
+  border: none !important;
 }
-
 p:not(.ag-active)[data-role="hr"]::before {
   border-top: 2px dashed var(--editorColor10) !important;
   background: none !important;
 }
+figure.ag-active.ag-container-block > div.ag-container-preview {
+  box-shadow: 0 3px 8px 0 var(--floatShadow) !important;
+}
 
 /*
  * Prism.js theme (override light theme)
diff --git a/src/renderer/assets/themes/material-dark.theme.css b/src/renderer/assets/themes/material-dark.theme.css
index 8757d3dd..345ffc52 100644
--- a/src/renderer/assets/themes/material-dark.theme.css
+++ b/src/renderer/assets/themes/material-dark.theme.css
@@ -25,10 +25,16 @@
   --floatBgColor: #3c4650;
   --floatHoverColor: rgba(255, 255, 255, .04);
   --floatBorderColor: rgba(0, 0, 0, .03);
+  --floatShadow: rgba(0, 0, 0, 0.2);
   --maskColor: rgba(0, 0, 0, .7);
   --editorAreaWidth: 700px;
 }
 
+.ag-front-menu .submenu,
+.ag-float-wrapper {
+  box-shadow: 0 4px 8px 0 var(--floatShadow) !important;
+}
+
 .title-bar .frameless-titlebar-button > div > svg {
   fill: #ffffff;
 }
@@ -43,8 +49,14 @@
 /* ------------------------------------ */
 
 :not(pre) > code[class*="language-"],
+pre,
+pre[class*="language-"],
 pre.ag-paragraph {
   background: var(--codeBlockBgColor) !important;
+  border: none !important;
+}
+figure.ag-active.ag-container-block > div.ag-container-preview {
+  box-shadow: 0 3px 8px 0 var(--floatShadow) !important;
 }
 
 /*.ag-image-marked-text::before {
diff --git a/src/renderer/assets/themes/one-dark.theme.css b/src/renderer/assets/themes/one-dark.theme.css
index 2086e024..4684f712 100644
--- a/src/renderer/assets/themes/one-dark.theme.css
+++ b/src/renderer/assets/themes/one-dark.theme.css
@@ -25,6 +25,7 @@
   --floatBgColor: #21252b;
   --floatHoverColor: #3a3f4b;
   --floatBorderColor: #181a1f;
+  --floatShadow: rgba(0, 0, 0, 0.3);
   --maskColor: rgba(0, 0, 0, .7);
   --editorAreaWidth: 700px;
 }
@@ -55,6 +56,10 @@
   box-shadow: 0 1px 3px rgba(0,0,0,.3) !important;
   border: 1px solid #181a1f !important;
 }
+.ag-front-menu .submenu,
+.ag-float-wrapper {
+  box-shadow: 0 4px 8px 0 var(--floatShadow) !important;
+}
 
 .mt-notification > .notice-bg.icon-message {
   background: #4d78cc !important;
@@ -128,8 +133,11 @@
 }
 
 :not(pre) > code[class*="language-"],
+pre,
+pre[class*="language-"],
 pre.ag-paragraph {
   background: var(--codeBlockBgColor) !important;
+  border: none !important;
 }
 
 p:not(.ag-active)[data-role="hr"]::before {
@@ -196,6 +204,9 @@ li.ag-task-list-item > input::after {
 li.ag-task-list-item > input.ag-checkbox-checked::after {
   transform: rotate(-45deg) scale(1);
 }
+figure.ag-active.ag-container-block > div.ag-container-preview {
+  box-shadow: 0 3px 8px 0 var(--floatShadow) !important;
+}
 
 /* ------------------------------------ */