From 01e2e1a65a64519d400b0c2d115edc9b239e6941 Mon Sep 17 00:00:00 2001
From: Theodore Li <theo@sim.ai>
Date: Wed, 17 Jun 2026 19:18:53 -0700
Subject: [PATCH] fix(resource): left-align table filter/sort when there's no
 search

The unconditional ml-auto from #5117 right-aligned the embedded table
editor's filter/sort cluster, which has no search bar. Only push the
aside + filter/sort group right when a search occupies the left; without
a search it stays left-aligned as before.
---
 .../components/resource-options/resource-options.tsx  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/components/resource/components/resource-options/resource-options.tsx b/apps/sim/app/workspace/[workspaceId]/components/resource/components/resource-options/resource-options.tsx
index ada916a41c..0926fb31ba 100644
--- a/apps/sim/app/workspace/[workspaceId]/components/resource/components/resource-options/resource-options.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/components/resource/components/resource-options/resource-options.tsx
@@ -84,10 +84,11 @@ interface ResourceOptionsProps {
   filterTags?: FilterTag[]
   /**
    * Lightweight control rendered immediately to the LEFT of the filter/sort
-   * cluster; the two form one right-aligned group, with or without a search —
-   * e.g. the knowledge view's connected-source badge or the table editor's
-   * embedded run/stop control. Keep it to badges/status widgets; primary actions
-   * belong in the header's `actions`.
+   * cluster, forming one group with it — e.g. the knowledge view's
+   * connected-source badge or the table editor's embedded run/stop control. With
+   * a search the group is pushed right (opposite the search); without one it
+   * stays left-aligned (the embedded table editor). Keep it to badges/status
+   * widgets; primary actions belong in the header's `actions`.
    */
   aside?: ReactNode
 }
@@ -117,7 +118,7 @@ export const ResourceOptions = memo(function ResourceOptions({
     <div className={cn('border-[var(--border)] border-b py-2.5', search ? 'px-6' : 'px-4')}>
       <div className='flex items-center'>
         {search && <SearchSection search={search} />}
-        <div className='ml-auto flex shrink-0 items-center gap-1.5'>
+        <div className={cn('flex shrink-0 items-center gap-1.5', search && 'ml-auto')}>
           {aside}
           <div className='flex items-center'>
             {filterTags?.map((tag) => (