diff --git a/app/logs/page.tsx b/app/logs/page.tsx
index c108a33..1268342 100644
--- a/app/logs/page.tsx
+++ b/app/logs/page.tsx
@@ -24,6 +24,7 @@ interface LogEntry {
   keyId: string;
   uid?: string | null;
   granted: boolean;
+  accessType: "oidc" | "mobile" | "physical";
 }
 
 interface LogsResponse {
@@ -342,8 +343,8 @@ function LogsPageInner() {
                   <th style={{ width: "22%" }}>Door</th>
                   <th style={{ width: "22%" }}>Username</th>
                   <th style={{ width: "18%" }}>Name</th>
-                  <th style={{ width: "15%" }}>Keys</th>
-                  <th style={{ width: "10%" }}>Access</th>
+                  <th style={{ width: "16%" }}>Access method</th>
+                  <th style={{ width: "12%" }}>Access</th>
                 </tr>
               </thead>
               <tbody>
@@ -351,19 +352,31 @@ function LogsPageInner() {
                   <tr key={entry._id}>
                     <td style={{ whiteSpace: "nowrap" }}>{formatTimestamp(entry.timestamp)}</td>
                     <td>
-                      {entry.doorName ?? <span className="font-monospace text-muted">{entry.door}</span>}
+                      {entry.doorName ?? <span>{entry.door}</span>}
                     </td>
                     <td>
-                      {entry.username ?? <span className="text-muted">unknown</span>}
+                      {entry.username ?? <span>unknown</span>}
                     </td>
-                    <td>{entry.name ?? <span className="text-muted">-</span>}</td>
+                    <td>{entry.name ?? <span>-</span>}</td>
                     <td>
-                      {entry.uid === undefined ? (
-                        <span>-</span>
-                      ) : entry.uid === null ? (
-                        "Mobile Key"
+                      {entry.accessType === "oidc" ? (
+                        "Remote Access"
+                      ) : entry.accessType === "mobile" ? (
+                        <div>
+                          <div>Mobile Key</div>
+                          <div style={{ fontSize: "0.70rem" }}>
+                            ({entry.keyId})
+                          </div>
+                        </div>
+                      ) : entry.accessType === "physical" ? (
+                        <div>
+                          <div>Physical Key</div>
+                          <div style={{ fontSize: "0.70rem" }}>
+                            ({entry.keyId})
+                          </div>
+                        </div>
                       ) : (
-                        <span className="font-monospace small">{entry.uid}</span>
+                        <span>-</span>
                       )}
                     </td>
                     <td>
@@ -383,7 +396,7 @@ function LogsPageInner() {
           className="card-footer d-grid align-items-center"
           style={{ gridTemplateColumns: "1fr auto 1fr" }}
         >
-          <small className="text-muted">
+          <small>
             Page {pageIndex + 1} &nbsp;
           </small>
           <div className="justify-self-center">
@@ -402,4 +415,4 @@ export default function LogsPage() {
       <LogsPageInner />
     </AuthGate>
   );
-}
\ No newline at end of file
+}
diff --git a/components/AuthGate.tsx b/components/AuthGate.tsx
index 3614f38..87d974d 100644
--- a/components/AuthGate.tsx
+++ b/components/AuthGate.tsx
@@ -3,9 +3,9 @@
 import { Container, Spinner } from "react-bootstrap";
 import { useSession, signIn } from "next-auth/react";
 import { AUTH_PROVIDER_ID, REFRESH_TOKEN_ERROR } from "@/lib/constants";
-import { useEffect } from "react";
+import { useEffect, type ReactNode } from "react";
 
-export default function AuthGate({ children }) {
+export default function AuthGate({ children }: {children: ReactNode}) {
   const { data: session, status } = useSession({
     required: true,
     onUnauthenticated() {