fix padding

Author: icecrasher321

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx

@@ -72,6 +72,8 @@ const FOLDER_OVERRIDES: SelectorOverrides = {
   },
 }
 
+const WORKFLOW_SEARCH_CURRENT_MATCH_CLASS = 'rounded-md bg-orange-400 px-1 py-0.5'
+
 /**
  * Interface for wand control handlers exposed by sub-block inputs
  */
@@ -230,6 +232,7 @@ const renderLabel = (
     onCopy: () => void
   },
   labelSuffix?: React.ReactNode,
+  isSearchHighlighted?: boolean,
   externalLink?: {
     show: boolean
     onClick: () => void
@@ -249,7 +252,11 @@ const renderLabel = (
   return (
     <div className='flex items-center justify-between gap-1.5 pl-0.5'>
       <Label className='flex items-baseline gap-1.5 whitespace-nowrap'>
-        {config.title}
+        {isSearchHighlighted ? (
+          <mark className={WORKFLOW_SEARCH_CURRENT_MATCH_CLASS}>{config.title}</mark>
+        ) : (
+          config.title
+        )}
         {required && <span className='ml-0.5'>*</span>}
         {labelSuffix}
         {config.type === 'code' &&
@@ -1173,10 +1180,7 @@ function SubBlockComponent({
       onMouseDown={handleMouseDown}
       data-workflow-search-subblock-id={config.id}
       data-workflow-search-canonical-id={config.canonicalParamId ?? config.id}
-      className={cn(
-        'subblock-content flex flex-col gap-2.5 rounded-md transition-colors',
-        isSearchHighlighted && 'bg-[var(--surface-3)] p-2 ring-1 ring-[var(--border-1)]'
-      )}
+      className='subblock-content flex flex-col gap-2.5'
     >
       {renderLabel(
         config,
@@ -1204,6 +1208,7 @@ function SubBlockComponent({
           onCopy: handleCopy,
         },
         labelSuffix,
+        isSearchHighlighted,
         externalLink
       )}
       {renderInput()}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/subflow-editor/subflow-editor.tsx

@@ -3,7 +3,6 @@
 import { ChevronUp } from 'lucide-react'
 import SimpleCodeEditor from 'react-simple-code-editor'
 import { Code as CodeEditor, Combobox, getCodeEditorProps, Input, Label } from '@/components/emcn'
-import { cn } from '@/lib/core/utils/cn'
 import { WORKFLOW_SEARCH_SUBFLOW_FIELD_IDS } from '@/lib/workflows/search-replace/subflow-fields'
 import { TagDropdown } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tag-dropdown/tag-dropdown'
 import type { ActiveSearchTarget } from '@/stores/panel/editor/store'
@@ -12,6 +11,8 @@ import type { ConnectedBlock } from '../../hooks/use-block-connections'
 import { useSubflowEditor } from '../../hooks/use-subflow-editor'
 import { ConnectionBlocks } from '../connection-blocks'
 
+const WORKFLOW_SEARCH_CURRENT_MATCH_CLASS = 'rounded-md bg-orange-400 px-1 py-0.5'
+
 interface SubflowEditorProps {
   currentBlock: BlockState
   currentBlockId: string
@@ -88,13 +89,18 @@ export function SubflowEditor({
           <div
             data-workflow-search-subblock-id={WORKFLOW_SEARCH_SUBFLOW_FIELD_IDS.type}
             data-workflow-search-canonical-id={WORKFLOW_SEARCH_SUBFLOW_FIELD_IDS.type}
-            className={cn(
-              'rounded-md transition-colors',
-              isTypeHighlighted && 'bg-[var(--surface-3)] p-2 ring-1 ring-[var(--border-1)]'
-            )}
+            className='rounded-md'
           >
             <Label className='mb-[6.5px] block pl-0.5 font-medium text-[var(--text-primary)] text-small'>
-              {currentBlock.type === 'loop' ? 'Loop Type' : 'Parallel Type'}
+              {isTypeHighlighted ? (
+                <mark className={WORKFLOW_SEARCH_CURRENT_MATCH_CLASS}>
+                  {currentBlock.type === 'loop' ? 'Loop Type' : 'Parallel Type'}
+                </mark>
+              ) : currentBlock.type === 'loop' ? (
+                'Loop Type'
+              ) : (
+                'Parallel Type'
+              )}
             </Label>
             <Combobox
               options={typeOptions}
@@ -118,17 +124,24 @@ export function SubflowEditor({
           <div
             data-workflow-search-subblock-id={configSearchFieldId}
             data-workflow-search-canonical-id={configSearchFieldId}
-            className={cn(
-              'rounded-md transition-colors',
-              isConfigHighlighted && 'bg-[var(--surface-3)] p-2 ring-1 ring-[var(--border-1)]'
-            )}
+            className='rounded-md'
           >
             <Label className='mb-[6.5px] block pl-0.5 font-medium text-[var(--text-primary)] text-small'>
-              {isCountMode
-                ? `${currentBlock.type === 'loop' ? 'Loop' : 'Parallel'} Iterations`
-                : isConditionMode
-                  ? 'While Condition'
-                  : `${currentBlock.type === 'loop' ? 'Collection' : 'Parallel'} Items`}
+              {isConfigHighlighted ? (
+                <mark className={WORKFLOW_SEARCH_CURRENT_MATCH_CLASS}>
+                  {isCountMode
+                    ? `${currentBlock.type === 'loop' ? 'Loop' : 'Parallel'} Iterations`
+                    : isConditionMode
+                      ? 'While Condition'
+                      : `${currentBlock.type === 'loop' ? 'Collection' : 'Parallel'} Items`}
+                </mark>
+              ) : isCountMode ? (
+                `${currentBlock.type === 'loop' ? 'Loop' : 'Parallel'} Iterations`
+              ) : isConditionMode ? (
+                'While Condition'
+              ) : (
+                `${currentBlock.type === 'loop' ? 'Collection' : 'Parallel'} Items`
+              )}
             </Label>
 
             {isCountMode ? (