From 45d36b470cef70b4dc36c04053112bfc5dea4e4b Mon Sep 17 00:00:00 2001
From: dvankeke <dvankeke@akamai.com>
Date: Fri, 24 Oct 2025 16:54:57 +0200
Subject: [PATCH] fix: align app text to left and increase page size

---
 src/components/App.tsx     | 2 +-
 src/components/AppCard.tsx | 2 +-
 src/theme/breakpoints.ts   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 166aa5a74..4fd8c9487 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -278,7 +278,7 @@ export default function App({
       </AppBar>
       <TabPanel value={tab} index={hashMap.info}>
         <Grid container direction='row' className={classes.tableBackground}>
-          <Grid item xs={12} md={6}>
+          <Grid item xs='auto' md='auto'>
             <Box className={classes.content}>
               <TableContainer className={classes.legend}>
                 <Table size='small' aria-label='simple table'>
diff --git a/src/components/AppCard.tsx b/src/components/AppCard.tsx
index fd087abbc..1dab5b414 100644
--- a/src/components/AppCard.tsx
+++ b/src/components/AppCard.tsx
@@ -71,7 +71,7 @@ const useStyles = makeStyles()((theme) => {
       alignItems: 'center',
     },
     title: {
-      textAlign: 'center',
+      textAlign: 'left',
       verticalAlign: 'middle',
       color: theme.palette.text.primary,
       fontWeight: 'bold',
diff --git a/src/theme/breakpoints.ts b/src/theme/breakpoints.ts
index d88428cc8..1a96c6841 100644
--- a/src/theme/breakpoints.ts
+++ b/src/theme/breakpoints.ts
@@ -5,7 +5,7 @@ const breakpoints = {
     xs: 0,
     sm: 600,
     md: 900,
-    lg: 1200,
+    lg: 1260,
     xl: 1536,
   },
 }