diff --git a/web/sdk/react/views-new/pat/components/pat-columns.tsx b/web/sdk/react/views-new/pat/components/pat-columns.tsx
index 0c2af867b..9e8b7054e 100644
--- a/web/sdk/react/views-new/pat/components/pat-columns.tsx
+++ b/web/sdk/react/views-new/pat/components/pat-columns.tsx
@@ -39,7 +39,8 @@ export function getColumns({
       enableSorting: false,
       cell: ({ row }) => {
         const pat = row.original;
-        if (!pat.usedAt || isNullTimestamp(pat.usedAt)) return null;
+        if (!pat.usedAt || isNullTimestamp(pat.usedAt))
+          return <Text size="regular">--</Text>;
         const date = timestampToDayjs(pat.usedAt);
         return date ? <Text size="regular">{date.fromNow()}</Text> : null;
       }
diff --git a/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx b/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx
index 9938bb5a7..847dc299e 100644
--- a/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx
+++ b/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
 import {
   Button,
   Callout,
@@ -56,8 +56,8 @@ export function PATCreatedDialog({ handle, onClose }: PATCreatedDialogProps) {
                   }
                   data-test-id="frontier-sdk-pat-token-input"
                 />
-                <Callout type="alert" icon={<InfoCircledIcon />} width="100%">
-                  Warning : Make sure you copy the above token now. This token
+                <Callout type="attention" icon={<ExclamationTriangleIcon />} width="100%">
+                  Warning: Make sure you copy the above token now. This token
                   will only be shown once. Store it securely.
                 </Callout>
               </Flex>
diff --git a/web/sdk/react/views-new/pat/pat-details-view.module.css b/web/sdk/react/views-new/pat/pat-details-view.module.css
index 425d3d19b..4a4427eac 100644
--- a/web/sdk/react/views-new/pat/pat-details-view.module.css
+++ b/web/sdk/react/views-new/pat/pat-details-view.module.css
@@ -11,7 +11,7 @@
 .detailRow {
   display: flex;
   gap: var(--rs-space-3);
-  align-items: flex-start;
+  align-items: baseline;
 }
 
 .menuContent {
diff --git a/web/sdk/react/views-new/pat/pat-details-view.tsx b/web/sdk/react/views-new/pat/pat-details-view.tsx
index 1513afd69..c4deca33e 100644
--- a/web/sdk/react/views-new/pat/pat-details-view.tsx
+++ b/web/sdk/react/views-new/pat/pat-details-view.tsx
@@ -235,11 +235,8 @@ export function PATDetailsView({
         breadcrumb={
           <Breadcrumb size="small">
             <Breadcrumb.Item
-              href="#"
-              onClick={e => {
-                e.preventDefault();
-                onNavigateToPats?.();
-              }}
+              style={{ cursor: 'pointer' }}
+              onClick={() => onNavigateToPats?.()}
             >
               Personal access token
             </Breadcrumb.Item>
diff --git a/web/sdk/react/views-new/pat/pat-view.tsx b/web/sdk/react/views-new/pat/pat-view.tsx
index 5084c821d..7f318dd63 100644
--- a/web/sdk/react/views-new/pat/pat-view.tsx
+++ b/web/sdk/react/views-new/pat/pat-view.tsx
@@ -156,7 +156,7 @@ export function PatsView({ onPATClick }: PatsViewProps = {}) {
     <ViewContainer>
       <ViewHeader
         title="Personal access token"
-        description={`Create a personal access token to enable secure access to ${t.appName()} resources via PAT token`}
+        description={`Manage personal access tokens to securely access ${t.appName()} resources and APIs.`}
       />
 
       {isInitialLoading ? (
@@ -181,7 +181,7 @@ export function PatsView({ onPATClick }: PatsViewProps = {}) {
             />
           }
           heading="No Personal Access Token Found"
-          subHeading={`Create a new to use the Keys of ${t.appName()} platform`}
+          subHeading={`Create a personal access token to securely access ${t.appName()} resources and APIs.`}
           primaryAction={
             <Button
               variant="solid"
diff --git a/web/sdk/react/views-new/projects/project-details-view.tsx b/web/sdk/react/views-new/projects/project-details-view.tsx
index 957db376d..79fea8f62 100644
--- a/web/sdk/react/views-new/projects/project-details-view.tsx
+++ b/web/sdk/react/views-new/projects/project-details-view.tsx
@@ -297,11 +297,8 @@ export function ProjectDetailsView({
         breadcrumb={
           <Breadcrumb size="small">
             <Breadcrumb.Item
-              href="#"
-              onClick={(e) => {
-                e.preventDefault();
-                onNavigateToProjects?.();
-              }}
+              style={{ cursor: 'pointer' }}
+              onClick={() => onNavigateToProjects?.()}
             >
               {projectsLabel}
             </Breadcrumb.Item>
diff --git a/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx b/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx
index 61b410e01..61e94775c 100644
--- a/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx
+++ b/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useMemo, useCallback, MouseEvent } from 'react';
+import { useMemo, useCallback } from 'react';
 import { DotsHorizontalIcon } from '@radix-ui/react-icons';
 import {
   Breadcrumb,
@@ -132,11 +132,8 @@ export function ServiceAccountDetailsView({
         breadcrumb={
           <Breadcrumb size="small">
             <Breadcrumb.Item
-              href="#"
-              onClick={(e: MouseEvent) => {
-                e.preventDefault();
-                handleNavigateToServiceAccounts();
-              }}
+              style={{ cursor: 'pointer' }}
+              onClick={() => handleNavigateToServiceAccounts()}
             >
               {serviceAccountsLabel}
             </Breadcrumb.Item>
diff --git a/web/sdk/react/views-new/teams/team-details-view.tsx b/web/sdk/react/views-new/teams/team-details-view.tsx
index 4b477a9ba..53cd1215f 100644
--- a/web/sdk/react/views-new/teams/team-details-view.tsx
+++ b/web/sdk/react/views-new/teams/team-details-view.tsx
@@ -269,11 +269,8 @@ export function TeamDetailsView({
         breadcrumb={
           <Breadcrumb size="small">
             <Breadcrumb.Item
-              href="#"
-              onClick={(e) => {
-                e.preventDefault();
-                onNavigateToTeams?.();
-              }}
+              style={{ cursor: 'pointer' }}
+              onClick={() => onNavigateToTeams?.()}
             >
               {teamsLabel}
             </Breadcrumb.Item>