Chore/fix code padding (#29399)

Address the indecency of the unbalanced padding on code blocks

packages/config/ui.config.js

@@ -327,7 +327,7 @@ const uiConfig = {
         // },
         '.text-code': {
           margin: '0 0.2em',
-          padding: '0.2em 0.4em 0.1em',
+          padding: '0.05em 0.4em 0.05em',
           background: 'hsla(0, 0%, 58.8%, 0.1)',
           border: '1px solid hsla(0, 0%, 39.2%, 0.2)',
           borderRadius: '3px',

packages/ui/src/components/Typography/Text.module.css

@@ -57,7 +57,7 @@ mark.sbui-typography-text {
 
 code.sbui-typography-text {
   /* margin: 0 .2em; */
-  padding: 0.2em 0.4em 0.1em;
+  padding: 0.05em 0.4em 0.05em;
   /* font-size: 85%; */
   background: hsla(0, 0%, 58.8%, 0.1);
   border: 1px solid hsla(0, 0%, 39.2%, 0.2);

packages/ui/src/components/Typography/Typography.module.css

@@ -30,7 +30,7 @@
 } */
 
 .sbui-typography code {
-  padding: 0.2em 0.4em 0.1em;
+  padding: 0.05em 0.4em 0.05em;
   background: hsla(0, 0%, 58.8%, 0.1);
   border: 1px solid hsla(0, 0%, 39.2%, 0.2);
   border-radius: 3px;