diff --git a/apps/studio/components/grid/components/grid/AddColumn.tsx b/apps/studio/components/grid/components/grid/AddColumn.tsx
index d877d2d2d42..d10053b0daa 100644
--- a/apps/studio/components/grid/components/grid/AddColumn.tsx
+++ b/apps/studio/components/grid/components/grid/AddColumn.tsx
@@ -1,6 +1,6 @@
import { Plus } from 'lucide-react'
import type { CalculatedColumn } from 'react-data-grid'
-import { Button } from 'ui'
+import { Button, Tooltip, TooltipContent, TooltipTrigger } from 'ui'
import { ADD_COLUMN_KEY } from '../../constants'
import { DefaultFormatter } from '../formatter/DefaultFormatter'
@@ -32,7 +32,18 @@ const AddColumnHeader = () => {
return (
- } />
+
+
+ }
+ aria-label="Add new column"
+ />
+
+ Add new column
+
)
}
diff --git a/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx b/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx
index 0e8f86367dc..58b7588cab0 100644
--- a/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx
@@ -332,14 +332,19 @@ export const GridHeaderActions = ({ table, isRefetching }: GridHeaderActionsProp
-
- }
- className="h-7 w-7"
- aria-label="More actions"
- />
-
+
+
+
+ }
+ className="h-7 w-7"
+ aria-label={`More options for ${table.name}`}
+ />
+
+
+ More options
+
{isTable && realtimeEnabled && (
setRealtimeDialogOpen(true)}>
diff --git a/apps/studio/components/layouts/TableEditorLayout/EntityListItem.tsx b/apps/studio/components/layouts/TableEditorLayout/EntityListItem.tsx
index eeffd9a142f..e3e000216d6 100644
--- a/apps/studio/components/layouts/TableEditorLayout/EntityListItem.tsx
+++ b/apps/studio/components/layouts/TableEditorLayout/EntityListItem.tsx
@@ -234,17 +234,23 @@ export const EntityListItem = ({
{canEdit && (
-
- }
- onClick={(e) => e.preventDefault()}
- />
-
+
+
+
+ }
+ onClick={(e) => e.preventDefault()}
+ aria-label={`More options for ${entity.name}`}
+ />
+
+
+ More options
+
{
}
const openQueueDropdownAndClick = async (page: Page, itemName: string) => {
- await page.getByRole('button', { name: 'More options' }).click()
+ await page.getByRole('button', { name: 'More options', exact: true }).click()
await page.getByRole('menuitem', { name: itemName }).click()
}