diff --git a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/components/log-section.tsx b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/components/log-section.tsx
index 281aae4289..299a361fb0 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/components/log-section.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/components/log-section.tsx
@@ -6,6 +6,7 @@ import { Button } from "@unkey/ui";
 import { TimestampInfo } from "@/components/timestamp-info";
 import { Clone } from "@unkey/icons";
 import { isValid, parse, parseISO } from "date-fns";
+import Link from "next/link";
 
 const TIME_KEYWORDS = [
   "created",
@@ -28,9 +29,13 @@ const TIME_KEYWORDS = [
 export const LogSection = ({
   details,
   title,
+  keyAuthId,
+  apiId,
 }: {
   details: string | string[];
   title: string;
+  apiId?: string;
+  keyAuthId?: string;
 }) => {
   const handleClick = () => {
     navigator.clipboard
@@ -73,7 +78,19 @@ export const LogSection = ({
                           <TimestampInfo value={value} />
                         </span>
                       ) : (
-                        <span className="ml-2 text-xs text-accent-12 truncate">{value}</span>
+                        <span className="ml-2 text-xs text-accent-12 truncate">
+                          {key === "ID" ? (
+                            <Link
+                              title="Link to the key details"
+                              className="font-mono underline decoration-dotted"
+                              href={`/apis/${apiId}/keys/${keyAuthId}/${value}`}
+                            >
+                              {value}
+                            </Link>
+                          ) : (
+                            value
+                          )}
+                        </span>
                       )}
                     </div>
                   );
diff --git a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/index.tsx b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/index.tsx
index 5856352a7d..be3082b641 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/index.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/index.tsx
@@ -25,6 +25,7 @@ const createPanelStyle = (distanceToTop: number): StyleObject => ({
 type KeysOverviewLogDetailsProps = {
   distanceToTop: number;
   log: KeysOverviewLog | null;
+  apiId: string;
   setSelectedLog: (data: KeysOverviewLog | null) => void;
 };
 
@@ -96,7 +97,12 @@ export const KeysOverviewLogDetails = ({
       <LogSection title="Usage" details={usage} />
       {log.outcome_counts && <OutcomeDistributionSection outcomeCounts={log.outcome_counts} />}
       <LogSection title="Limits" details={limits} />
-      <LogSection title="Identifiers" details={identifiers} />
+      <LogSection
+        title="Identifiers"
+        details={identifiers}
+        keyAuthId={log.key_details.key_auth_id}
+        apiId={log.key_id}
+      />
       <LogSection title="Identity" details={identity} />
       <RolesSection roles={log.key_details.roles || []} />
       <PermissionsSection permissions={log.key_details.permissions || []} />
diff --git a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/override-indicator.tsx b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/override-indicator.tsx
index 9a39d3b130..0efb1658ef 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/override-indicator.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/override-indicator.tsx
@@ -3,6 +3,7 @@ import { cn } from "@/lib/utils";
 import type { KeysOverviewLog } from "@unkey/clickhouse/src/keys/keys";
 import { TriangleWarning2 } from "@unkey/icons";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@unkey/ui";
+import Link from "next/link";
 import { getErrorPercentage, getErrorSeverity } from "../utils/calculate-blocked-percentage";
 
 export const KeyTooltip = ({
@@ -29,6 +30,7 @@ export const KeyTooltip = ({
 
 type KeyIdentifierColumnProps = {
   log: KeysOverviewLog;
+  apiId: string;
 };
 
 // Get warning icon based on error severity
@@ -59,7 +61,7 @@ const getWarningMessage = (severity: string, errorRate: number) => {
   }
 };
 
-export const KeyIdentifierColumn = ({ log }: KeyIdentifierColumnProps) => {
+export const KeyIdentifierColumn = ({ log, apiId }: KeyIdentifierColumnProps) => {
   const errorPercentage = getErrorPercentage(log);
   const severity = getErrorSeverity(log);
   const hasErrors = severity !== "none";
@@ -73,10 +75,16 @@ export const KeyIdentifierColumn = ({ log }: KeyIdentifierColumnProps) => {
           {getWarningIcon(severity)}
         </div>
       </KeyTooltip>
-      <div className="font-mono font-medium truncate">
-        {log.key_id.substring(0, 8)}...
-        {log.key_id.substring(log.key_id.length - 4)}
-      </div>
+      <Link
+        title="Link to the key details"
+        className="font-mono group-hover:underline decoration-dotted"
+        href={`/apis/${apiId}/keys/${log.key_details?.key_auth_id}/${log.key_id}`}
+      >
+        <div className="font-mono font-medium truncate">
+          {log.key_id.substring(0, 8)}...
+          {log.key_id.substring(log.key_id.length - 4)}
+        </div>
+      </Link>
     </div>
   );
 };
diff --git a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/logs-table.tsx b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/logs-table.tsx
index 2ced272439..73a71515f4 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/logs-table.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/logs-table.tsx
@@ -36,7 +36,7 @@ export const KeysOverviewLogsTable = ({ apiId, setSelectedLog, log: selectedLog
         header: "ID",
         width: "15%",
         headerClassName: "pl-11",
-        render: (log) => <KeyIdentifierColumn log={log} />,
+        render: (log) => <KeyIdentifierColumn log={log} apiId={apiId} />,
       },
       {
         key: "name",
diff --git a/apps/dashboard/app/(app)/apis/[apiId]/_overview/logs-client.tsx b/apps/dashboard/app/(app)/apis/[apiId]/_overview/logs-client.tsx
index ad75503e23..6d72e5fb62 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/_overview/logs-client.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/_overview/logs-client.tsx
@@ -27,6 +27,7 @@ export const LogsClient = ({ apiId }: { apiId: string }) => {
       <KeysOverviewLogsCharts apiId={apiId} onMount={handleDistanceToTop} />
       <KeysOverviewLogsTable apiId={apiId} setSelectedLog={handleSelectedLog} log={selectedLog} />
       <KeysOverviewLogDetails
+        apiId={apiId}
         distanceToTop={tableDistanceToTop}
         setSelectedLog={handleSelectedLog}
         log={selectedLog}
diff --git a/apps/dashboard/lib/trpc/routers/utils/granularity.ts b/apps/dashboard/lib/trpc/routers/utils/granularity.ts
index f58b86b60f..3b91d096b9 100644
--- a/apps/dashboard/lib/trpc/routers/utils/granularity.ts
+++ b/apps/dashboard/lib/trpc/routers/utils/granularity.ts
@@ -89,7 +89,7 @@ export const getTimeseriesGranularity = <TContext extends TimeseriesContext>(
     } else if (timeRange >= MONTH_IN_MS) {
       granularity = "per3Days";
     } else if (timeRange >= WEEK_IN_MS * 2) {
-      granularity = "perHour";
+      granularity = "per6Hours";
     } else if (timeRange >= WEEK_IN_MS) {
       granularity = "perHour";
     } else {