diff --git a/src/renderer/components/team/ToolApprovalSheet.tsx b/src/renderer/components/team/ToolApprovalSheet.tsx
index 18efa0df..ed696cf0 100644
--- a/src/renderer/components/team/ToolApprovalSheet.tsx
+++ b/src/renderer/components/team/ToolApprovalSheet.tsx
@@ -332,6 +332,7 @@ const ToolInputPreview = ({
         style={{
           backgroundColor: 'var(--color-surface)',
           borderColor: 'var(--color-border)',
+          color: 'var(--color-text-secondary)',
         }}
       >
         {/* highlightLines uses hljs which HTML-escapes all input text, producing only <span class="hljs-*"> tags.
@@ -341,7 +342,6 @@ const ToolInputPreview = ({
           <div
             key={i}
             className="whitespace-pre-wrap break-all"
-            style={{ color: 'var(--color-text-secondary)' }}
             dangerouslySetInnerHTML={{ __html: html || '&nbsp;' }}
           />
         ))}
diff --git a/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx b/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx
index ad5f7218..5e314c0c 100644
--- a/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx
+++ b/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx
@@ -96,7 +96,7 @@ export const ToolApprovalSettingsPanel: React.FC = () => {
               <SelectTrigger className="h-7 w-[120px] text-xs">
                 <SelectValue />
               </SelectTrigger>
-              <SelectContent>
+              <SelectContent className="z-[60]">
                 <SelectItem value="wait">Wait forever</SelectItem>
                 <SelectItem value="allow">Allow</SelectItem>
                 <SelectItem value="deny">Deny</SelectItem>