diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
index 8a5f3a55f5..f40be9dbc6 100644
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
+++ b/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
@@ -3,7 +3,7 @@ import Empty from 'components/common/Empty';
 import FilterButtons from 'components/common/FilterButtons';
 import { useCountryNames, useLocale, useMessages, useTimezone } from 'components/hooks';
 import Icons from 'components/icons';
-import { BROWSERS } from 'lib/constants';
+import { BROWSERS, OS_NAMES } from 'lib/constants';
 import { stringToColor } from 'lib/format';
 import { RealtimeData } from 'lib/types';
 import { safeDecodeURI } from 'next-basics';
@@ -111,7 +111,7 @@ export function RealtimeLog({ data }: { data: RealtimeData }) {
           values={{
             country: <b>{countryNames[country] || formatMessage(labels.unknown)}</b>,
             browser: <b>{BROWSERS[browser]}</b>,
-            os: <b>{os}</b>,
+            os: <b>{OS_NAMES[os] || os}</b>,
             device: <b>{formatMessage(labels[device] || labels.unknown)}</b>,
           }}
         />
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index b3f89db261..5d3a9776b5 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -311,7 +311,7 @@ export const BROWSERS = {
   instagram: 'Instagram',
   ios: 'iOS',
   'ios-webview': 'iOS (webview)',
-  kakaotalk: 'KaKaoTalk',
+  kakaotalk: 'KakaoTalk',
   miui: 'MIUI',
   opera: 'Opera',
   'opera-mini': 'Opera Mini',