diff --git a/web-server/src/components/Service/SystemLog/FormattedLog.tsx b/web-server/src/components/Service/SystemLog/FormattedLog.tsx
index fe1c970a..d327e969 100644
--- a/web-server/src/components/Service/SystemLog/FormattedLog.tsx
+++ b/web-server/src/components/Service/SystemLog/FormattedLog.tsx
@@ -34,7 +34,7 @@ export const FormattedLog = ({ log }: { log: ParsedLog; index: number }) => {
 
   const { timestamp, ip, logLevel, message } = log;
   return (
-    <Line medium marginBottom={'8px'} fontFamily={'monospace'}>
+    <Line mono marginBottom={1}>
       <Line component="span" color="info">
         {timestamp}
       </Line>{' '}
diff --git a/web-server/src/components/Service/SystemLog/PlainLog.tsx b/web-server/src/components/Service/SystemLog/PlainLog.tsx
index 484cb6c7..c777f62a 100644
--- a/web-server/src/components/Service/SystemLog/PlainLog.tsx
+++ b/web-server/src/components/Service/SystemLog/PlainLog.tsx
@@ -2,7 +2,7 @@ import { Line } from '@/components/Text';
 
 export const PlainLog = ({ log }: { log: string; index: number }) => {
   return (
-    <Line medium marginBottom={'8px'} fontFamily={'monospace'}>
+    <Line mono marginBottom={1}>
       {log}
     </Line>
   );