diff --git a/styles/logger.module.css b/styles/logger.module.css
index b3ec41b2..4fb08c12 100644
--- a/styles/logger.module.css
+++ b/styles/logger.module.css
@@ -38,7 +38,7 @@
 .level {
     font-weight: bold;
     text-transform: uppercase;
-    min-width: 32px;
+    min-width: 30px;
 }
 
 .tag {
diff --git a/wallets/client/components/logger.js b/wallets/client/components/logger.js
index a67a2ae8..f8eaa370 100644
--- a/wallets/client/components/logger.js
+++ b/wallets/client/components/logger.js
@@ -99,8 +99,8 @@ export function LogMessage ({ tag, level, message, context, ts }) {
     <>
       <div className={styles.row} onClick={handleClick} style={style}>
         <TimeSince timestamp={ts} />
-        {tag !== null && <Tag tag={tag?.toLowerCase() ?? 'system'} />}
         <Level level={level} />
+        {tag !== null && <Tag tag={tag?.toLowerCase() ?? 'system'} />}
         <Message message={message} />
         {hasContext && <Indicator show={showContext} />}
       </div>