diff --git a/src/app/js/root-admin/Tenants.js b/src/app/js/root-admin/Tenants.js
index f63439cb8..78173f507 100644
--- a/src/app/js/root-admin/Tenants.js
+++ b/src/app/js/root-admin/Tenants.js
@@ -5,7 +5,6 @@ import PropTypes from 'prop-types';
 import AddBoxIcon from '@mui/icons-material/AddBox';
 import DeleteIcon from '@mui/icons-material/Delete';
 import EditIcon from '@mui/icons-material/Edit';
-import LaunchIcon from '@mui/icons-material/Launch';
 
 import { getHost } from '../../../common/uris';
 import CreateTenantDialog from './CreateTenantDialog';
@@ -18,7 +17,7 @@ import {
     GridToolbarDensitySelector,
     GridToolbarFilterButton,
 } from '@mui/x-data-grid';
-import { Button, Tooltip, Typography } from '@mui/material';
+import { Button, Link, Tooltip, Typography } from '@mui/material';
 
 const baseUrl = getHost();
 
@@ -240,17 +239,43 @@ const Tenants = ({ handleLogout }) => {
             headerName: 'Nom',
             flex: 4,
             renderCell: params => {
+                const name = params.row.name;
                 return (
-                    <Typography
+                    <Link
+                        href={`${baseUrl}/instance/${name}`}
+                        target="_blank"
                         sx={{
                             overflow: 'hidden',
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
+                            outline: 'none',
+                            textDecoration: 'none',
+                            width: '100%',
+                            height: '100%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            padding: '0 16px',
+                            '&:visited': {
+                                color: '#0069A9',
+                            },
+                            '&:focus': {
+                                borderBottom: '1px solid',
+                                background: '#D9F3FF',
+                            },
+                            '&:hover': {
+                                borderBottom: '1px solid',
+                                background: '#D9F3FF',
+                                textDecoration: 'none',
+                            },
+                            '&:active': {
+                                background: '#0069A9',
+                                color: '#D9F3FF',
+                            },
                         }}
                         title={params.value}
                     >
                         {params.value}
-                    </Typography>
+                    </Link>
                 );
             },
         },
@@ -302,19 +327,6 @@ const Tenants = ({ handleLogout }) => {
                 });
             },
         },
-        {
-            field: 'open',
-            headerName: 'Ouvrir',
-            flex: 1,
-            renderCell: params => {
-                const name = params.row.name;
-                return (
-                    <Button target={name} href={`${baseUrl}/instance/${name}`}>
-                        <LaunchIcon />
-                    </Button>
-                );
-            },
-        },
         {
             field: 'update',
             headerName: 'Modifier',
@@ -357,6 +369,11 @@ const Tenants = ({ handleLogout }) => {
                     components={{
                         Toolbar: CustomToolbar,
                     }}
+                    sx={{
+                        "& .MuiDataGrid-cell[data-field='name']": {
+                            padding: 0,
+                        },
+                    }}
                 />
             </div>
             <CreateTenantDialog