From 509f8e0ec9bd615411819374d95265785325d94d Mon Sep 17 00:00:00 2001
From: Karine Brandelli Padilha <karine.padilha@ngi.com.br>
Date: Mon, 30 Dec 2024 16:02:36 -0300
Subject: [PATCH] docs: update package version and introduction stories

---
 package.json                 |  2 +-
 src/stories/Introduction.mdx | 28 +++++++++++++---------------
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 835faa71..8cd96687 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.35.2",
+    "version": "0.35.3",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
diff --git a/src/stories/Introduction.mdx b/src/stories/Introduction.mdx
index e8a09378..604b5b4b 100644
--- a/src/stories/Introduction.mdx
+++ b/src/stories/Introduction.mdx
@@ -8,30 +8,28 @@ import { Meta } from '@storybook/blocks'
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
-        gap: '16px',
-        margin: '16px 0 24px'
+        gap: '48px',
+        margin: '0 0 24px 0'
     }}>
-    <img width="75" src={imageUrl} alt="flipper-ui logo" />
-    <h1 align="center">flipper-ui</h1>
-</div>
-
-<div align="center">
-React UI based on the `@mui/material` toolkit for the web.
-
-[![npm package](https://img.shields.io/npm/v/flipper-ui/latest.svg)](https://www.npmjs.com/package/flipper-ui)
-[![npm downloads](https://img.shields.io/npm/dm/flipper-ui.svg)](https://www.npmjs.com/package/flipper-ui)
-[![github](https://img.shields.io/badge/github-repository-blue)](https://github.com/nginformatica/flipper-ui)
+    <img width="85" src={imageUrl} alt="flipper-ui logo" />
+    <div align="center">
+        React UI based on the `@mui/material` toolkit for the web.
+
+        [![npm package](https://img.shields.io/npm/v/flipper-ui/latest.svg)](https://www.npmjs.com/package/flipper-ui)
+        [![npm downloads](https://img.shields.io/npm/dm/flipper-ui.svg)](https://www.npmjs.com/package/flipper-ui)
+        [![github](https://img.shields.io/badge/github-repository-blue)](https://github.com/nginformatica/flipper-ui)
+    </div>
 </div>
 
 ## Installation
 
-Flipper-UI is available as an [npm package](https://www.npmjs.com/package/flipper-ui).
+`flipper-ui` is available as an [npm package](https://www.npmjs.com/package/flipper-ui).
 
 ```sh
 npm install flipper-ui
-```
 
-```sh
+// or
+
 yarn add flipper-ui
 ```