fix(ui): preserve compact replacement actions and filter alignment

Author: Bill Leoutsakos

apps/sim/app/workspace/[workspaceId]/files/files.tsx

@@ -2057,7 +2057,7 @@ function FilesContent() {
           </div>
         )}
         {hasActiveFilters && (
-          <Chip fullWidth onClick={clearFileFilters}>
+          <Chip fullWidth onClick={clearFileFilters} className='text-center'>
             Clear all filters
           </Chip>
         )}

apps/sim/app/workspace/[workspaceId]/logs/logs.tsx

@@ -1585,7 +1585,12 @@ function LogsFilterPanel({ searchQuery, onSearchQueryChange }: LogsFilterPanelPr
       </div>
 
       {filtersActive && (
-        <Chip variant='border-shadow' fullWidth onClick={handleClearFilters}>
+        <Chip
+          variant='border-shadow'
+          fullWidth
+          onClick={handleClearFilters}
+          className='text-center'
+        >
           Clear All Filters
         </Chip>
       )}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/search-replace/components/replacement-controls/replacement-controls.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Chip, ChipCombobox, ChipInput } from '@sim/emcn'
+import { Button, ChipCombobox, ChipInput } from '@sim/emcn'
 import type { WorkflowSearchReplacementOption } from '@/lib/workflows/search-replace/types'
 
 interface ReplacementControlsProps {
@@ -60,20 +60,22 @@ export function ReplacementControls({
           {eligibleCount} replaceable match{eligibleCount === 1 ? '' : 'es'}
         </span>
         <div className='flex gap-1.5'>
-          <Chip
-            variant='border-shadow'
+          <Button
+            className='h-8 text-xs'
+            variant='default'
             disabled={disabled || isApplying || !canReplaceActive}
             onClick={onReplaceActive}
           >
             Replace
-          </Chip>
-          <Chip
-            variant='border-shadow'
+          </Button>
+          <Button
+            className='h-8 text-xs'
+            variant='active'
             disabled={disabled || isApplying || !canReplaceAll}
             onClick={onReplaceAll}
           >
             {isApplying ? 'Replacing...' : 'Replace All'}
-          </Chip>
+          </Button>
         </div>
       </div>
     </div>