[DEV-3080] Update inline code style (#1792)

* Refactor padding styles in StyledText component for improved layout

* Add inline styling updates for nextjs-website

* Update apps/nextjs-website/src/components/organisms/GitBookContent/components/StyledText.tsx

Co-authored-by: marcobottaro <39835990+marcobottaro@users.noreply.github.com>

---------

Co-authored-by: Your Name <youremail@yourdomain.com>
Co-authored-by: Sebastiano Bertolin <56671015+Sebastiano-Bertolin@users.noreply.github.com>
Co-authored-by: marcobottaro <39835990+marcobottaro@users.noreply.github.com>

Author: 4 people

.changeset/hot-hounds-wish.md

@@ -0,0 +1,5 @@
+---
+"nextjs-website": patch
+---
+
+Update code inline styling

apps/nextjs-website/src/components/organisms/GitBookContent/components/StyledText.tsx

@@ -12,9 +12,12 @@ const StyledText = ({ style, children }: StyledTextProps) => {
           variant='monospaced'
           component='span'
           sx={{
-            paddingY: 0.5,
-            paddingX: 1,
+            color: palette.grey[800],
+            paddingY: 0,
+            paddingX: '4px',
             backgroundColor: palette.background.default,
+            fontWeight: 600,
+            borderRadius: '5px',
           }}
         >
           {children}