diff --git a/components/metrics/DevicesTable.js b/components/metrics/DevicesTable.js
index 30b2a742..0b8d5708 100644
--- a/components/metrics/DevicesTable.js
+++ b/components/metrics/DevicesTable.js
@@ -15,7 +15,7 @@ export function DevicesTable({ websiteId, ...props }) {
         label={formatMessage(labels[device] || labels.unknown)}
       >
         <img
-          src={`${basePath}/images/device/${device.toLowerCase() || 'unknown'}.png`}
+          src={`${basePath}/images/device/${device?.toLowerCase() || 'unknown'}.png`}
           alt={device}
           width={16}
           height={16}
diff --git a/components/metrics/OSTable.js b/components/metrics/OSTable.js
index 02ead27d..e4bc3234 100644
--- a/components/metrics/OSTable.js
+++ b/components/metrics/OSTable.js
@@ -12,7 +12,7 @@ export function OSTable({ websiteId, ...props }) {
       <FilterLink id="os" value={os}>
         <img
           src={`${basePath}/images/os/${
-            os.toLowerCase().replaceAll(/[^\w]+/g, '-') || 'unknown'
+            os?.toLowerCase().replaceAll(/[^\w]+/g, '-') || 'unknown'
           }.png`}
           alt={os}
           width={16}