diff --git a/torchci/components/TorchAgentPage/QueryInputSection.tsx b/torchci/components/TorchAgentPage/QueryInputSection.tsx
index efde236627..8b9e8b2f56 100644
--- a/torchci/components/TorchAgentPage/QueryInputSection.tsx
+++ b/torchci/components/TorchAgentPage/QueryInputSection.tsx
@@ -34,11 +34,19 @@ export const QueryInputSection: React.FC<QueryInputSectionProps> = ({
           onChange={onQueryChange}
           margin="normal"
           multiline
-          rows={3}
+          minRows={3}
+          maxRows={10}
           placeholder={
             "Example: Make a graph of the number of failing jobs per day  (Tip: Ctrl+Enter to submit)"
           }
           variant="outlined"
+          sx={{
+            "& .MuiInputBase-root": {
+              "& textarea": {
+                resize: "vertical",
+              },
+            },
+          }}
           onKeyDown={(e) => {
             if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
               e.preventDefault();
diff --git a/torchci/components/TorchAgentPage/WelcomeSection.tsx b/torchci/components/TorchAgentPage/WelcomeSection.tsx
index 0d0da2a45c..9dac8346b0 100644
--- a/torchci/components/TorchAgentPage/WelcomeSection.tsx
+++ b/torchci/components/TorchAgentPage/WelcomeSection.tsx
@@ -72,10 +72,18 @@ export const WelcomeSection: React.FC<WelcomeSectionProps> = ({
             onChange={onQueryChange}
             margin="normal"
             multiline
-            rows={3}
+            minRows={3}
+            maxRows={10}
             placeholder="Example: Make a graph of the number of failing jobs per day  (Tip: Ctrl+Enter to submit)"
             variant="outlined"
             disabled={isLoading}
+            sx={{
+              "& .MuiInputBase-root": {
+                "& textarea": {
+                  resize: "vertical",
+                },
+              },
+            }}
             onKeyDown={(e) => {
               if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
                 e.preventDefault();
diff --git a/torchci/components/TorchAgentPage/styles.ts b/torchci/components/TorchAgentPage/styles.ts
index a850845657..d78e23388d 100644
--- a/torchci/components/TorchAgentPage/styles.ts
+++ b/torchci/components/TorchAgentPage/styles.ts
@@ -27,7 +27,7 @@ export const QuerySection = styled(Paper)(({ theme }) => ({
   padding: "20px",
   position: "sticky",
   bottom: 0,
-  zIndex: 5,
+  zIndex: 15,
   borderTop: `1px solid ${theme.palette.divider}`,
 }));