From e38ba25788c12ed42aaf6f6083ba7ddffa4fc04e Mon Sep 17 00:00:00 2001
From: Leandro Alves <leandroalves@yahooinc.com>
Date: Sun, 14 Aug 2022 23:23:46 +0200
Subject: Fix monospace font in textarea for query-tracer

---
 .../app/src/app/pages/querytracer/query-tracer.jsx   | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

(limited to 'client/js/app')

diff --git a/client/js/app/src/app/pages/querytracer/query-tracer.jsx b/client/js/app/src/app/pages/querytracer/query-tracer.jsx
index 70ac934b291..758182d4f3f 100644
--- a/client/js/app/src/app/pages/querytracer/query-tracer.jsx
+++ b/client/js/app/src/app/pages/querytracer/query-tracer.jsx
@@ -1,25 +1,25 @@
 import React, { useState } from 'react';
-import { Textarea } from '@mantine/core';
-import { Container } from 'app/components';
+import { Stack, Textarea } from '@mantine/core';
 import { DownloadJeager } from 'app/pages/querybuilder/query-response/download-jeager';
 
 export function QueryTracer() {
   const [response, setResponse] = useState('');
 
   return (
-    <Container>
+    <Stack>
       <Textarea
-        styles={{
-          root: { height: '100%' },
-          wrapper: { height: '100%' },
-          input: { height: '100%' },
-        }}
+        styles={(theme) => ({
+          input: {
+            fontFamily: theme.fontFamilyMonospace,
+            fontSize: theme.fontSizes.xs,
+          },
+        })}
         minRows={21}
         autosize
         value={response}
         onChange={({ target }) => setResponse(target.value)}
-      ></Textarea>
+      />
       <DownloadJeager fullWidth response={response} />
-    </Container>
+    </Stack>
   );
 }
-- 
cgit v1.2.3