diff --git a/.dumi/theme/builtins/Previewer/index.jsx b/.dumi/theme/builtins/Previewer/index.jsx
index fc156f0a95..86e4767da7 100644
--- a/.dumi/theme/builtins/Previewer/index.jsx
+++ b/.dumi/theme/builtins/Previewer/index.jsx
@@ -407,25 +407,24 @@ createRoot(document.getElementById('container')).render(<Demo />);
                 <CodeSandboxIcon className="code-box-codesandbox" />
               </Tooltip>
             </form>
-            <form
-              className="code-box-code-action"
-              action="https://codepen.io/pen/define"
-              method="POST"
-              target="_blank"
-              ref={this.codepenIconRef}
-              onClick={() => {
-                this.track({ type: 'codepen', demo: meta.id });
-                this.codepenIconRef.current.submit();
-              }}
-              style={{
-                display: sourceCode ? '' : 'none',
-              }}
-            >
-              <input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} />
-              <Tooltip title={<FormattedMessage id="app.demo.codepen" />}>
-                <CodePenIcon className="code-box-codepen" />
-              </Tooltip>
-            </form>
+            {sourceCode && (
+              <form
+                className="code-box-code-action"
+                action="https://codepen.io/pen/define"
+                method="POST"
+                target="_blank"
+                ref={this.codepenIconRef}
+                onClick={() => {
+                  this.track({ type: 'codepen', demo: meta.id });
+                  this.codepenIconRef.current.submit();
+                }}
+              >
+                <input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} />
+                <Tooltip title={<FormattedMessage id="app.demo.codepen" />}>
+                  <CodePenIcon className="code-box-codepen" />
+                </Tooltip>
+              </form>
+            )}
             <Tooltip title={<FormattedMessage id="app.demo.stackblitz" />}>
               <span
                 className="code-box-code-action"
diff --git a/.dumi/theme/common/GlobalStyles.tsx b/.dumi/theme/common/GlobalStyles.tsx
index d0f954cc4b..310a9acce6 100644
--- a/.dumi/theme/common/GlobalStyles.tsx
+++ b/.dumi/theme/common/GlobalStyles.tsx
@@ -1083,7 +1083,7 @@ const GlobalStyles = () => {
               }
             }
 
-            &-actions > &-code-action {
+            &-actions &-code-action {
               position: relative;
               display: flex;
               align-items: center;
@@ -1112,10 +1112,6 @@ const GlobalStyles = () => {
               cursor: pointer;
               transition: transform 0.24s;
 
-              &:hover {
-                transform: scale(1.1);
-              }
-
               &${iconCls}-check {
                 color: ${token['green-6']} !important;
                 font-weight: bold;
diff --git a/package.json b/package.json
index f0881ff73a..9dbec7058f 100644
--- a/package.json
+++ b/package.json
@@ -329,7 +329,7 @@
     "mode": "npm"
   },
   "lint-staged": {
-    "*.{ts,tsx,js}": "rome format --write",
+    "*.{ts,tsx,js,jsx}": "rome format --write",
     "*.{json,less,md}": "prettier --ignore-unknown --write"
   }
 }