fix: adjust style

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"

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 ? (