From f5f4ecf46afd43d7b2e1f741782421730fdb4ec8 Mon Sep 17 00:00:00 2001
From: aixiao0621 <52861243+aixiao0621@users.noreply.github.com>
Date: Sun, 2 Jun 2024 17:26:23 +0800
Subject: [PATCH] fix: a display error on the connections page

---
 src/pages/connections.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/connections.tsx b/src/pages/connections.tsx
index 96c9a038..67b1ecd2 100644
--- a/src/pages/connections.tsx
+++ b/src/pages/connections.tsx
@@ -7,6 +7,7 @@ import {
   MenuItem,
   Select,
   SelectProps,
+  Typography,
   styled,
 } from "@mui/material";
 import { useRecoilState } from "recoil";
@@ -130,7 +131,7 @@ const ConnectionsPage = () => {
   return (
     <BasePage
       full
-      title={t("Connections")}
+      title={<span style={{ whiteSpace: "nowrap" }}>{t("Connections")}</span>}
       contentStyle={{ height: "100%" }}
       header={
         <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
@@ -159,7 +160,9 @@ const ConnectionsPage = () => {
           </IconButton>
 
           <Button size="small" variant="contained" onClick={onCloseAll}>
-            {t("Close All")}
+            <Typography component="span" style={{ whiteSpace: "nowrap" }}>
+              {t("Close All")}
+            </Typography>
           </Button>
         </Box>
       }