diff --git a/packages/bruno-app/src/components/OpenAPISyncTab/OpenAPISyncHeader/index.js b/packages/bruno-app/src/components/OpenAPISyncTab/OpenAPISyncHeader/index.js
index fc2158570..2bfe9f310 100644
--- a/packages/bruno-app/src/components/OpenAPISyncTab/OpenAPISyncHeader/index.js
+++ b/packages/bruno-app/src/components/OpenAPISyncTab/OpenAPISyncHeader/index.js
@@ -74,7 +74,7 @@ const OpenAPISyncHeader = ({
         <div className="spec-title-section">
           <div className="spec-title-row">
             <span className="spec-title">{title}</span>
-            <StatusBadge status="muted" className="spec-version">{version}</StatusBadge>
+            <StatusBadge status="muted" variant="outline" className="spec-version">{version}</StatusBadge>
           </div>
         </div>
         <div className="spec-header-actions">
diff --git a/packages/bruno-app/src/components/OpenAPISyncTab/OverviewSection/index.js b/packages/bruno-app/src/components/OpenAPISyncTab/OverviewSection/index.js
index f2adf2960..f8ed73c2b 100644
--- a/packages/bruno-app/src/components/OpenAPISyncTab/OverviewSection/index.js
+++ b/packages/bruno-app/src/components/OpenAPISyncTab/OverviewSection/index.js
@@ -204,19 +204,19 @@ const OverviewSection = ({ collection, storedSpec, collectionDrift, specDrift, r
                 <Button
                   size="sm"
                   variant={bannerState.buttons.includes('sync') ? 'outline' : 'filled'}
-                  color={bannerState.buttons.includes('sync') ? 'secondary' : 'warning'}
+                  color={bannerState.buttons.includes('sync') ? 'secondary' : 'primary'}
                   onClick={() => onTabSelect('collection-changes')}
                 >
                   View Collection Changes
                 </Button>
               )}
               {(bannerState.buttons.includes('sync') || bannerState.buttons.includes('review')) && (
-                <Button size="sm" color="warning" onClick={() => onTabSelect('spec-updates')}>
+                <Button size="sm" onClick={() => onTabSelect('spec-updates')}>
                   Review and Sync Collection
                 </Button>
               )}
               {bannerState.buttons.includes('restore') && (
-                <Button size="sm" color="warning" onClick={() => onTabSelect('spec-updates')}>
+                <Button size="sm" onClick={() => onTabSelect('spec-updates')}>
                   Restore Spec File
                 </Button>
               )}
diff --git a/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js b/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js
index 6a7f88af8..6ee77b57b 100644
--- a/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js
+++ b/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js
@@ -203,7 +203,7 @@ const CollectionHeader = ({ collection, isScratchCollection }) => {
     { id: 'variables', label: 'Variables', leftSection: IconEye, onClick: viewVariables },
     { id: 'collection-settings', label: 'Collection Settings', leftSection: IconSettings, onClick: viewCollectionSettings },
     ...(!hasOpenApiSyncConfigured
-      ? [{ id: 'openapi-sync', label: 'OpenAPI Sync', leftSection: () => <OpenAPISyncIcon size={16} />, onClick: viewOpenApiSync }]
+      ? [{ id: 'openapi-sync', label: 'OpenAPI Sync', leftSection: OpenAPISyncIcon, onClick: viewOpenApiSync }]
       : [])
   ];