diff --git a/src/pages/connections.tsx b/src/pages/connections.tsx
index 85f97e47..3654a612 100644
--- a/src/pages/connections.tsx
+++ b/src/pages/connections.tsx
@@ -110,11 +110,10 @@ const ConnectionsPage = () => {
       title={t("Connections")}
       contentStyle={{ height: "100%" }}
       header={
-        <Box sx={{ mt: 1, display: "flex", alignItems: "center" }}>
+        <Box sx={{ mt: 1, display: "flex", alignItems: "center", gap: 2 }}>
           <IconButton
             color="inherit"
             size="small"
-            sx={{ mr: 2 }}
             onClick={() =>
               setSetting((o) =>
                 o.layout === "list"
diff --git a/src/pages/logs.tsx b/src/pages/logs.tsx
index 793690cd..a26b7eb4 100644
--- a/src/pages/logs.tsx
+++ b/src/pages/logs.tsx
@@ -41,11 +41,10 @@ const LogPage = () => {
       title={t("Logs")}
       contentStyle={{ height: "100%" }}
       header={
-        <Box sx={{ mt: 1, display: "flex", alignItems: "center" }}>
+        <Box sx={{ mt: 1, display: "flex", alignItems: "center", gap: 2 }}>
           <IconButton
             size="small"
             color="inherit"
-            sx={{ mr: 2 }}
             onClick={() => setEnableLog((e) => !e)}
           >
             {enableLog ? (