onFilterChange(tab.id)}
className={cn(
diff --git a/src/components/clinical-dashboard/global-search-shell.tsx b/src/components/clinical-dashboard/global-search-shell.tsx
index a13d9efda..a3397ec2c 100644
--- a/src/components/clinical-dashboard/global-search-shell.tsx
+++ b/src/components/clinical-dashboard/global-search-shell.tsx
@@ -593,7 +593,7 @@ function GlobalStandaloneSearchShellClient({
? "max-sm:pb-[var(--mobile-composer-reserve)] sm:pb-[calc(9rem+env(safe-area-inset-bottom))]"
: useCompactBottomSearch
? "max-sm:pb-[var(--mobile-composer-reserve)] sm:pb-8"
- : "max-sm:pb-[var(--mobile-composer-reserve)] sm:pb-[calc(9rem+env(safe-area-inset-bottom))] sm:pb-8",
+ : "max-sm:pb-[var(--mobile-composer-reserve)] sm:pb-[calc(9rem+env(safe-area-inset-bottom))]",
)}
>
diff --git a/tests/ui-tools.spec.ts b/tests/ui-tools.spec.ts
index 4760c1dba..dc3dff586 100644
--- a/tests/ui-tools.spec.ts
+++ b/tests/ui-tools.spec.ts
@@ -1263,11 +1263,11 @@ test.describe("Clinical KB tools launcher", () => {
await expect(page.getByTestId("differentials-search-results")).toBeVisible();
const tabs = page.getByTestId("differential-result-type-tabs");
await expect(tabs).toBeVisible();
- await expect(tabs.getByRole("tab", { name: /All \(\d+\)/ })).toBeVisible();
- await expect(tabs.getByRole("tab", { name: /Presentations \(\d+\)/ })).toBeVisible();
- await expect(tabs.getByRole("tab", { name: /Diagnoses \(\d+\)/ })).toBeVisible();
+ await expect(tabs.getByRole("button", { name: /All \(\d+\)/ })).toBeVisible();
+ await expect(tabs.getByRole("button", { name: /Presentations \(\d+\)/ })).toBeVisible();
+ await expect(tabs.getByRole("button", { name: /Diagnoses \(\d+\)/ })).toBeVisible();
- const tabMetrics = await tabs.getByRole("tab").evaluateAll((buttons) =>
+ const tabMetrics = await tabs.getByRole("button").evaluateAll((buttons) =>
buttons.map((button) => {
const rect = button.getBoundingClientRect();
return { height: rect.height, scrollHeight: button.scrollHeight };
@@ -1359,11 +1359,11 @@ test.describe("Clinical KB tools launcher", () => {
await expect(page.getByTestId("differentials-search-results")).toBeVisible();
const tabs = page.getByTestId("differential-result-type-tabs");
await expect(tabs).toBeVisible();
- await expect(tabs.getByRole("tab", { name: "All (8)" })).toBeVisible();
- await expect(tabs.getByRole("tab", { name: "Presentations (1)" })).toBeVisible();
- await expect(tabs.getByRole("tab", { name: "Diagnoses (7)" })).toBeVisible();
+ await expect(tabs.getByRole("button", { name: "All (8)" })).toBeVisible();
+ await expect(tabs.getByRole("button", { name: "Presentations (1)" })).toBeVisible();
+ await expect(tabs.getByRole("button", { name: "Diagnoses (7)" })).toBeVisible();
- const tabMetrics = await tabs.getByRole("tab").evaluateAll((tabElements) =>
+ const tabMetrics = await tabs.getByRole("button").evaluateAll((tabElements) =>
tabElements.map((tab) => {
const rect = tab.getBoundingClientRect();
return { height: rect.height, scrollHeight: tab.scrollHeight };