Sytle: UI improvement

src/pages/connections.tsx

@@ -172,6 +172,7 @@ const ConnectionsPage = () => {
             sx={{
               mr: 1,
               width: i18n.language === "en" ? 190 : 120,
+              height: 33.375,
               '[role="button"]': { py: 0.65 },
             }}
           >
@@ -193,6 +194,7 @@ const ConnectionsPage = () => {
           placeholder={t("Filter conditions")}
           value={filterText}
           onChange={(e) => setFilterText(e.target.value)}
+          sx={{ input: { py: 0.65, px: 1.25 } }}
         />
       </Box>
 

src/pages/logs.tsx

@@ -80,7 +80,12 @@ const LogPage = () => {
           autoComplete="off"
           value={logState}
           onChange={(e) => setLogState(e.target.value)}
-          sx={{ width: 120, mr: 1, '[role="button"]': { py: 0.65 } }}
+          sx={{
+            width: 120,
+            height: 33.375,
+            mr: 1,
+            '[role="button"]': { py: 0.65 },
+          }}
         >
           <MenuItem value="all">ALL</MenuItem>
           <MenuItem value="inf">INFO</MenuItem>