From 6f6d0760f5489c005e674fd7e642878df26027d3 Mon Sep 17 00:00:00 2001
From: Pranita Fulsundar <pfulsundar8@gmail.com>
Date: Tue, 29 Apr 2025 19:05:59 +0530
Subject: [PATCH] minor(ui): fix query card styles (#21025)

* minor: fix query card styles

* remove extra padding
---
 .../ui/src/components/Database/TableQueries/QueryCard.tsx   | 6 ++++--
 .../Database/TableQueries/table-queries.style.less          | 2 +-
 .../ui/src/pages/QueryPage/QueryPage.component.tsx          | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/QueryCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/QueryCard.tsx
index 8afbb57a1ed..a7c37bab771 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/QueryCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/QueryCard.tsx
@@ -190,11 +190,13 @@ const QueryCard: FC<QueryCardProp> = ({
           }
           title={
             <Space className="font-normal p-y-xs" size={8}>
-              <Text>{queryDate}</Text>
+              <Text className="text-sm">{queryDate}</Text>
               {duration && (
                 <>
                   <Text className="text-gray-400">{PIPE_SYMBOL}</Text>
-                  <Text data-testid="query-run-duration">{duration}</Text>
+                  <Text className="text-sm" data-testid="query-run-duration">
+                    {duration}
+                  </Text>
                 </>
               )}
             </Space>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/table-queries.style.less b/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/table-queries.style.less
index 86f251c1bd9..715cc9dcb5e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/table-queries.style.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/table-queries.style.less
@@ -15,7 +15,7 @@
 .query-entity-button {
   position: absolute;
   z-index: 10;
-  top: 63px;
+  top: 80px;
   right: 16px;
 }
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/QueryPage/QueryPage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/QueryPage/QueryPage.component.tsx
index ae3a965ada2..0114ad6d99f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/QueryPage/QueryPage.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/QueryPage/QueryPage.component.tsx
@@ -191,7 +191,7 @@ const QueryPage = () => {
 
   return (
     <PageLayoutV1 pageTitle={t('label.query')}>
-      <Row className="p-x-lg" gutter={[0, 16]}>
+      <Row gutter={[0, 16]}>
         <Col span={24}>
           <TitleBreadcrumb titleLinks={titleBreadcrumb} />
         </Col>