diff --git a/css/custom-field-maker.css b/css/custom-field-maker.css
index 6c098ce..3b22bb9 100644
--- a/css/custom-field-maker.css
+++ b/css/custom-field-maker.css
@@ -164,7 +164,7 @@
 .hljs {
   border-radius: 5px;
   padding: 20px;
-  background-color: #F0F0F0;
+  background-color: #F0F0F0 !important;
   min-height: 19.391px;
 }
 
diff --git a/package-lock.json b/package-lock.json
index 2421d2b..e174e4c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "custom-field-maker",
-  "version": "1.5.24",
+  "version": "1.5.25",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "custom-field-maker",
-      "version": "1.5.24",
+      "version": "1.5.25",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.26.0",
diff --git a/package.json b/package.json
index 606bd96..5db7eaa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "custom-field-maker",
-  "version": "1.5.24",
+  "version": "1.5.25",
   "description": "custom field maker for a-blog cms",
   "main": "lib/index.js",
   "files": [
diff --git a/src/components/navigator/PreviewNavigator.jsx b/src/components/navigator/PreviewNavigator.jsx
index acceb1a..a223d5a 100644
--- a/src/components/navigator/PreviewNavigator.jsx
+++ b/src/components/navigator/PreviewNavigator.jsx
@@ -42,7 +42,7 @@ export function PreviewNavigator() {
   return (
     <div className="customFieldNavigatorCode">
       <div>
-        <div className="acms-flex acms-items-center" style={{ gap: '16px' }}>
+        <div className="acms-admin-flex acms-admin-items-center" style={{ gap: '16px' }}>
           {editMode !== 'confirm' && (
             <div>
               <select