diff --git a/src/modules/blocks/code/EnhancedRenderCode.tsx b/src/modules/blocks/code/EnhancedRenderCode.tsx
index 428893266..d6e0417e1 100644
--- a/src/modules/blocks/code/EnhancedRenderCode.tsx
+++ b/src/modules/blocks/code/EnhancedRenderCode.tsx
@@ -1,9 +1,8 @@
 import * as React from 'react';
 
 import type { SxProps } from '@mui/joy/styles/types';
-import { Box, Button, ColorPaletteProp, Typography } from '@mui/joy';
+import { Box, ColorPaletteProp, Typography } from '@mui/joy';
 import CodeIcon from '@mui/icons-material/Code';
-import LiveHelpIcon from '@mui/icons-material/LiveHelp';
 
 import type { ContentScaling } from '~/common/app.theme';
 import { TooltipOutlined } from '~/common/components/TooltipOutlined';
@@ -120,20 +119,20 @@ export function EnhancedRenderCode(props: {
   </>, [headerTooltipContents, props.title]);
 
 
-  const toolbarRow = React.useMemo(() => <>
-    {props.onLiveFileCreate && (
-      <Button
-        size='sm'
-        variant='outlined'
-        color='neutral'
-        startDecorator={<LiveHelpIcon />}
-        onClick={props.onLiveFileCreate}
-      >
-        Create Live File
-      </Button>
-    )}
-    {/* Add more toolbar items here */}
-  </>, [props.onLiveFileCreate]);
+  // const toolbarRow = React.useMemo(() => <>
+  //   {props.onLiveFileCreate && (
+  //     <Button
+  //       size='sm'
+  //       variant='outlined'
+  //       color='neutral'
+  //       startDecorator={<LiveHelpIcon />}
+  //       onClick={props.onLiveFileCreate}
+  //     >
+  //       Create Live File
+  //     </Button>
+  //   )}
+  //   {/* Add more toolbar items here */}
+  // </>, [props.onLiveFileCreate]);
 
 
   const patchedCodeSx = React.useMemo((): SxProps => ({
@@ -148,10 +147,11 @@ export function EnhancedRenderCode(props: {
     <RenderCodePanelFrame
       color={props.color || 'neutral'}
       noShadow
+      // frameVariant='solid'
       contentScaling={props.contentScaling}
       headerRow={headerRow}
       // subHeaderInline={subHeaderInline}
-      toolbarRow={toolbarRow}
+      // toolbarRow={toolbarRow}
     >
 
       <RenderCodeMemo
diff --git a/src/modules/blocks/code/panel/RenderCodePanelFrame.tsx b/src/modules/blocks/code/panel/RenderCodePanelFrame.tsx
index 38c994f35..4ff959e18 100644
--- a/src/modules/blocks/code/panel/RenderCodePanelFrame.tsx
+++ b/src/modules/blocks/code/panel/RenderCodePanelFrame.tsx
@@ -20,10 +20,11 @@ export const enhancedCodePanelTitleTooltipSx: SxProps = {
 
 
 export function RenderCodePanelFrame(props: {
-  color: ColorPaletteProp,
-  toolbarColor?: ColorPaletteProp,
+  color: ColorPaletteProp;
+  toolbarColor?: ColorPaletteProp;
   noShadow?: boolean;
-  contentScaling: ContentScaling,
+  frameVariant?: 'solid';
+  contentScaling: ContentScaling;
   headerRow?: React.ReactNode;
   subHeaderInline?: React.ReactNode;
   toolbarRow?: React.ReactNode;
@@ -52,7 +53,7 @@ export function RenderCodePanelFrame(props: {
     },
     {
       // header row 1
-      minHeight: props.contentScaling === 'xs' ? undefined : props.contentScaling === 'sm' ? '2.25rem' : '2.75rem',
+      minHeight: props.contentScaling === 'xs' ? undefined : props.contentScaling === 'sm' ? '2.25rem' : '2.5rem',
       mx: 1,
       // layout
       display: 'flex',