diff --git a/frontend/src/lib/components/CommandBar/SearchBarTab.tsx b/frontend/src/lib/components/CommandBar/SearchBarTab.tsx
index 1b2afd2850921..fa6e551ee04c5 100644
--- a/frontend/src/lib/components/CommandBar/SearchBarTab.tsx
+++ b/frontend/src/lib/components/CommandBar/SearchBarTab.tsx
@@ -17,7 +17,7 @@ export const SearchBarTab = ({ type, active, count, inputRef }: SearchBarTabProp
     const { setActiveTab } = useActions(searchBarLogic)
     return (
         <div
-            className={`SearchBarTab flex items-center px-3 py-2 cursor-pointer text-xs whitespace-nowrap border-t-2 ${
+            className={`SearchBarTab flex items-center px-4 py-2 cursor-pointer text-xs whitespace-nowrap border-t-2 ${
                 active ? 'SearchBarTab__active font-bold border-primary-3000' : 'border-transparent'
             }`}
             onClick={() => {
diff --git a/frontend/src/lib/components/CommandBar/SearchTabs.tsx b/frontend/src/lib/components/CommandBar/SearchTabs.tsx
index 8198161403d84..4e3d65c29cadd 100644
--- a/frontend/src/lib/components/CommandBar/SearchTabs.tsx
+++ b/frontend/src/lib/components/CommandBar/SearchTabs.tsx
@@ -17,7 +17,7 @@ export const SearchTabs = ({ inputRef }: SearchTabsProps): JSX.Element | null =>
     }
 
     return (
-        <div className="flex items-center border-t space-x-3 px-2 shrink-0 overflow-x-auto bg-bg-light">
+        <div className="flex items-center border-t shrink-0 overflow-x-auto bg-bg-light">
             <SearchBarTab type="all" active={activeTab === 'all'} inputRef={inputRef} />
             {Object.entries(searchResponse.counts).map(([type, count]) => (
                 <SearchBarTab