diff --git a/assets/scss/common/editor.scss b/assets/scss/common/editor.scss
index 5d5c5f5..94c9abd 100644
--- a/assets/scss/common/editor.scss
+++ b/assets/scss/common/editor.scss
@@ -83,7 +83,7 @@
 
 .toastui-editor-dark .toastui-editor-popup,
 .toastui-editor-dark .toastui-editor-context-menu {
-  background-color: #121212;
+  background-color: #212224;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
   border-color: #494c56;
 }
@@ -150,6 +150,24 @@
   border-color: #494c56;
 }
 
+.toastui-editor-defaultUI .toastui-editor-button-container button{
+  border-radius: 6px;
+  height: 32px;
+  font-family: var(--desktop-normal-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--desktop-normal-font-size, 14px);
+  font-weight: 400;
+}
+
+.toastui-editor-light .toastui-editor-defaultUI .toastui-editor-close-button{
+  background: #FFFFFF;
+  color: rgba(0, 0, 0, 0.87843);
+  border: 1px solid #D9D9D9;
+}
+
+.toastui-editor-light .toastui-editor-defaultUI .toastui-editor-close-button:hover {
+  border-color: #D9D9D9;
+}
+
 .toastui-editor-dark .toastui-editor-defaultUI .toastui-editor-close-button {
   background: #212224;
   color: rgba(255, 255, 255, 0.85098);
@@ -160,6 +178,17 @@
   border-color: #424242;
 }
 
+.toastui-editor-light .toastui-editor-defaultUI .toastui-editor-ok-button{
+  background: #1677FF;
+  border-color: #1677FF;
+  color: #FFF;
+}
+
+.toastui-editor-light .toastui-editor-defaultUI .toastui-editor-ok-button:hover{
+  color: #FFF;
+  background-color: #1677FF;
+}
+
 .toastui-editor-dark .toastui-editor-defaultUI .toastui-editor-ok-button {
   background: #1668DC;
   border-color: #1668DC;