diff --git a/src/components/connection/connection-table.tsx b/src/components/connection/connection-table.tsx
index 3e8ed26a..d792e0d1 100644
--- a/src/components/connection/connection-table.tsx
+++ b/src/components/connection/connection-table.tsx
@@ -115,9 +115,6 @@ export const ConnectionTable = (props: Props) => {
       sx={{
         border: "none",
         "div:focus": { outline: "none !important" },
-        "& div[aria-rowindex]": {
-          backgroundColor: `${backgroundColor} !important`,
-        },
       }}
       columnVisibilityModel={columnVisible}
       onColumnVisibilityModelChange={(e) => setColumnVisible(e)}
diff --git a/src/pages/connections.tsx b/src/pages/connections.tsx
index 9060ff07..762edf0f 100644
--- a/src/pages/connections.tsx
+++ b/src/pages/connections.tsx
@@ -139,7 +139,15 @@ const ConnectionsPage = () => {
     <BasePage
       full
       title={<span style={{ whiteSpace: "nowrap" }}>{t("Connections")}</span>}
-      contentStyle={{ height: "100%" }}
+      contentStyle={{
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "auto",
+        //    margin: "0 10px",
+        //  backgroundColor: isDark ? "#282a36" : "#ffffff",
+        borderRadius: "8px",
+      }}
       header={
         <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
           <Box sx={{ mx: 1 }}>
@@ -185,6 +193,10 @@ const ConnectionsPage = () => {
           display: "flex",
           alignItems: "center",
           userSelect: "text",
+          //     backgroundColor: isDark ? "#282a36" : "#ffffff",
+          position: "sticky",
+          top: 0,
+          zIndex: 2,
         }}
       >
         {!isTableLayout && (
@@ -202,34 +214,29 @@ const ConnectionsPage = () => {
         <BaseSearchBox onSearch={(match) => setMatch(() => match)} />
       </Box>
 
-      <Box
-        height="calc(100% - 65px)"
-        sx={{
-          userSelect: "text",
-          margin: "10px",
-          borderRadius: "8px",
-          bgcolor: isDark ? "#282a36" : "#ffffff",
-        }}
-      >
-        {filterConn.length === 0 ? (
-          <BaseEmpty />
-        ) : isTableLayout ? (
-          <ConnectionTable
-            connections={filterConn}
-            onShowDetail={(detail) => detailRef.current?.open(detail)}
-          />
-        ) : (
-          <Virtuoso
-            data={filterConn}
-            itemContent={(_, item) => (
-              <ConnectionItem
-                value={item}
-                onShowDetail={() => detailRef.current?.open(item)}
-              />
-            )}
-          />
-        )}
-      </Box>
+      {filterConn.length === 0 ? (
+        <BaseEmpty />
+      ) : isTableLayout ? (
+        <ConnectionTable
+          connections={filterConn}
+          onShowDetail={(detail) => detailRef.current?.open(detail)}
+        />
+      ) : (
+        <Virtuoso
+          style={{
+            flex: 1,
+            //    backgroundColor: isDark ? "#282a36" : "#ffffff",
+            borderRadius: "8px",
+          }}
+          data={filterConn}
+          itemContent={(_, item) => (
+            <ConnectionItem
+              value={item}
+              onShowDetail={() => detailRef.current?.open(item)}
+            />
+          )}
+        />
+      )}
       <ConnectionDetail ref={detailRef} />
     </BasePage>
   );
diff --git a/src/pages/logs.tsx b/src/pages/logs.tsx
index c454fd97..80ff6933 100644
--- a/src/pages/logs.tsx
+++ b/src/pages/logs.tsx
@@ -44,7 +44,12 @@ const LogPage = () => {
     <BasePage
       full
       title={t("Logs")}
-      contentStyle={{ height: "100%" }}
+      contentStyle={{
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "auto",
+      }}
       header={
         <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
           <IconButton
@@ -102,27 +107,21 @@ const LogPage = () => {
         />
       </Box>
 
-      <Box
-        height="calc(100% - 65px)"
-        sx={{
-          margin: "10px",
-          borderRadius: "8px",
-          bgcolor: isDark ? "#282a36" : "#ffffff",
-        }}
-      >
-        {filterLogs.length > 0 ? (
-          <Virtuoso
-            initialTopMostItemIndex={999}
-            data={filterLogs}
-            itemContent={(index, item) => (
-              <LogItem value={item} searchState={searchState} />
-            )}
-            followOutput={"smooth"}
-          />
-        ) : (
-          <BaseEmpty />
-        )}
-      </Box>
+      {filterLogs.length > 0 ? (
+        <Virtuoso
+          initialTopMostItemIndex={999}
+          data={filterLogs}
+          style={{
+            flex: 1,
+          }}
+          itemContent={(index, item) => (
+            <LogItem value={item} searchState={searchState} />
+          )}
+          followOutput={"smooth"}
+        />
+      ) : (
+        <BaseEmpty />
+      )}
     </BasePage>
   );
 };
diff --git a/src/pages/profiles.tsx b/src/pages/profiles.tsx
index 28a2576d..3b146e79 100644
--- a/src/pages/profiles.tsx
+++ b/src/pages/profiles.tsx
@@ -367,20 +367,19 @@ const ProfilePage = () => {
           {t("New")}
         </Button>
       </Stack>
-      <Box
-        sx={{
-          pt: 1,
-          mb: 0.5,
-          pl: "10px",
-          mr: "10px",
-          height: "calc(100% - 68px)",
-          overflowY: "auto",
-        }}
+
+      <DndContext
+        sensors={sensors}
+        collisionDetection={closestCenter}
+        onDragEnd={onDragEnd}
       >
-        <DndContext
-          sensors={sensors}
-          collisionDetection={closestCenter}
-          onDragEnd={onDragEnd}
+        <Box
+          sx={{
+            pl: "10px",
+            pr: "10px",
+            height: "calc(100% - 68px)",
+            overflowY: "auto",
+          }}
         >
           <Box sx={{ mb: 1.5 }}>
             <Grid2 container spacing={{ xs: 1, lg: 1 }}>
@@ -412,38 +411,38 @@ const ProfilePage = () => {
               </SortableContext>
             </Grid2>
           </Box>
-        </DndContext>
-        <Divider
-          variant="middle"
-          flexItem
-          sx={{ width: `calc(100% - 32px)`, borderColor: dividercolor }}
-        ></Divider>
-        <Box sx={{ mt: 1.5 }}>
-          <Grid2 container spacing={{ xs: 1, lg: 1 }}>
-            <Grid2 size={{ xs: 12, sm: 6, md: 6, lg: 6 }}>
-              <ProfileMore
-                id="Merge"
-                onSave={async (prev, curr) => {
-                  if (prev !== curr) {
-                    await onEnhance(false);
-                  }
-                }}
-              />
+          <Divider
+            variant="middle"
+            flexItem
+            sx={{ width: `calc(100% - 32px)`, borderColor: dividercolor }}
+          ></Divider>
+          <Box sx={{ mt: 1.5 }}>
+            <Grid2 container spacing={{ xs: 1, lg: 1 }}>
+              <Grid2 size={{ xs: 12, sm: 6, md: 6, lg: 6 }}>
+                <ProfileMore
+                  id="Merge"
+                  onSave={async (prev, curr) => {
+                    if (prev !== curr) {
+                      await onEnhance(false);
+                    }
+                  }}
+                />
+              </Grid2>
+              <Grid2 size={{ xs: 12, sm: 6, md: 6, lg: 6 }}>
+                <ProfileMore
+                  id="Script"
+                  logInfo={chainLogs["Script"]}
+                  onSave={async (prev, curr) => {
+                    if (prev !== curr) {
+                      await onEnhance(false);
+                    }
+                  }}
+                />
+              </Grid2>
             </Grid2>
-            <Grid2 size={{ xs: 12, sm: 6, md: 6, lg: 6 }}>
-              <ProfileMore
-                id="Script"
-                logInfo={chainLogs["Script"]}
-                onSave={async (prev, curr) => {
-                  if (prev !== curr) {
-                    await onEnhance(false);
-                  }
-                }}
-              />
-            </Grid2>
-          </Grid2>
+          </Box>
         </Box>
-      </Box>
+      </DndContext>
 
       <ProfileViewer
         ref={viewerRef}
diff --git a/src/pages/rules.tsx b/src/pages/rules.tsx
index 7dece0ea..2486b2c8 100644
--- a/src/pages/rules.tsx
+++ b/src/pages/rules.tsx
@@ -39,7 +39,12 @@ const RulesPage = () => {
     <BasePage
       full
       title={t("Rules")}
-      contentStyle={{ height: "100%" }}
+      contentStyle={{
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "auto",
+      }}
       header={
         <Box display="flex" alignItems="center" gap={1}>
           <ProviderButton />
@@ -59,34 +64,27 @@ const RulesPage = () => {
         <BaseSearchBox onSearch={(match) => setMatch(() => match)} />
       </Box>
 
-      <Box
-        height="calc(100% - 65px)"
-        sx={{
-          margin: "10px",
-          borderRadius: "8px",
-          bgcolor: isDark ? "#282a36" : "#ffffff",
-          position: "relative",
-        }}
-      >
-        {rules.length > 0 ? (
-          <>
-            <Virtuoso
-              ref={virtuosoRef}
-              data={rules}
-              itemContent={(index, item) => (
-                <RuleItem index={index + 1} value={item} />
-              )}
-              followOutput={"smooth"}
-              scrollerRef={(ref) => {
-                if (ref) ref.addEventListener("scroll", handleScroll);
-              }}
-            />
-            <ScrollTopButton onClick={scrollToTop} show={showScrollTop} />
-          </>
-        ) : (
-          <BaseEmpty />
-        )}
-      </Box>
+      {rules.length > 0 ? (
+        <>
+          <Virtuoso
+            ref={virtuosoRef}
+            data={rules}
+            style={{
+              flex: 1,
+            }}
+            itemContent={(index, item) => (
+              <RuleItem index={index + 1} value={item} />
+            )}
+            followOutput={"smooth"}
+            scrollerRef={(ref) => {
+              if (ref) ref.addEventListener("scroll", handleScroll);
+            }}
+          />
+          <ScrollTopButton onClick={scrollToTop} show={showScrollTop} />
+        </>
+      ) : (
+        <BaseEmpty />
+      )}
     </BasePage>
   );
 };