diff --git a/src/components/log/log-item.tsx b/src/components/log/log-item.tsx
index c1086f6339fe172d9fd47c015bffa4a1dc624c8a..ca66e004b5f8a0db00f6cc2e0bbf9a2ac61a5a92 100644
--- a/src/components/log/log-item.tsx
+++ b/src/components/log/log-item.tsx
@@ -10,7 +10,7 @@ const Item = styled(Box)(({ theme }) => ({
   "& .time": {},
   "& .type": {
     display: "inline-block",
-    padding: "0 6px",
+    marginLeft: 8,
     textAlign: "center",
     borderRadius: 2,
     textTransform: "uppercase",
@@ -28,9 +28,13 @@ const LogItem = (props: Props) => {
 
   return (
     <Item>
-      <span className="time">{value.time}</span>
-      <span className="type">{value.type}</span>
-      <span className="data">{value.payload}</span>
+      <div>
+        <span className="time">{value.time}</span>
+        <span className="type">{value.type}</span>
+      </div>
+      <div>
+        <span className="data">{value.payload}</span>
+      </div>
     </Item>
   );
 };
diff --git a/src/components/rule/rule-item.tsx b/src/components/rule/rule-item.tsx
index 6e01e06d8b31c3d686b561b8860b5289c60a6a7e..3c5de094c947b25145b22db64e1d33aeb8215971 100644
--- a/src/components/rule/rule-item.tsx
+++ b/src/components/rule/rule-item.tsx
@@ -2,9 +2,8 @@ import { styled, Box, Typography } from "@mui/material";
 
 const Item = styled(Box)(({ theme }) => ({
   display: "flex",
-  padding: "6px 16px",
+  padding: "4px 16px",
   color: theme.palette.text.primary,
-  marginBottom: "6px",
 }));
 
 const COLOR = [