Add fixed size to the static box

src/App.tsx

@@ -6,19 +6,13 @@ import { Provider as StatusProvider } from '@status-im/components'
 import LandingPage from './components/LayoutComponent/LandingPage'
 
 import config from '../tamagui.config'
-import StatisticBox from './components/StaticBox'
-
+ 
 function App() {
   return (
     <TamaguiProvider config={config}>
-      <StatisticBox
-        memory="45"
-        stateIcon="https://placehold.co/16x16"
-        stateText="Improving performance"
-        title="Title of the box"
-      />
       <StatusProvider>
         <LandingPage />
+   
       </StatusProvider>
     </TamaguiProvider>
   )

src/components/LayoutComponent/LandingPage.tsx

@@ -1,6 +1,7 @@
 import LayoutComponent from './LayoutComponent'
 import './LandingPage.css'
 import QuickStartBar from '../QuickStartBar/QuickStartBar'
+import StatisticBox from '../StaticBox'
 
 function LandingPage() {
   return (
@@ -95,6 +96,12 @@ function Content() {
           Discover Nodes
         </button>
       </article>
+      <StatisticBox
+        memory="45"
+        stateIcon="https://placehold.co/16x16"
+        stateText="Improving performance"
+        title="Title of the box"
+      />
     </div>
   )
 }

src/components/StaticBox.tsx

@@ -66,7 +66,7 @@ const StatisticBox: React.FC<StatisticBoxProps> = ({
   ...props
 }) => {
   return (
-    <ShadowBox {...props}>
+    <ShadowBox {...props} style={{ maxWidth: '284px', maxHeight: '136px' }}>
       <YStack>
         <XStack
           justifyContent="space-between"