Fix cell error box shadow

package.json

@@ -84,6 +84,8 @@
     "postcss-logical": "^7.0.1",
     "postcss-modules": "^6.0.0",
     "prettier": "^3.1.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "remove-files-webpack-plugin": "^1.5.0",
     "storybook": "^7.6.7",
     "swc-loader": "^0.2.3",

src/components/Blocks/Section/Section.module.css

@@ -4,6 +4,9 @@
 }
 
 .wrapper--ios .body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5px;
   border-radius: 12px;
   background: var(--tgui--section_bg_color);
 }

src/components/Blocks/Section/Section.stories.tsx

@@ -67,6 +67,16 @@ export const Playground: Story = {
           header="Last name"
           placeholder="21 y.o. designer from San Francisco"
         />
+        <Input
+          status="error"
+          header="Phone number"
+          placeholder="Enter a correct phone number"
+        />
+        <Input
+          status="error"
+          header="Address"
+          placeholder="This address is invalid"
+        />
       </Section>
     </List>
   ),

src/components/Form/Input/Input.module.css

@@ -1,6 +1,7 @@
 .wrapper {
   padding: 12px 16px;
   gap: 12px;
+  position: relative;
 }
 
 .wrapper--ios {