fix: search text field input full width style

Author: steven11329

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beeinventor/dasiot-react-component-lib",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [

src/components/SearchTextField/SearchTextField.stories.tsx

@@ -23,3 +23,10 @@ Default.args = {
     placeholder: 'Distributor',
   },
 };
+
+export const FullWidth: Story<SearchTextFieldProps> = Template.bind({});
+
+FullWidth.args = {
+  ...Default.args,
+  width: '100%',
+};

src/components/SearchTextField/SearchTextField.tsx

@@ -17,6 +17,7 @@ const Container = styled(Box)`
 
   & > input {
     display: inline-block;
+    width: 100%;
     font: inherit;
     font-size: 1rem;
     font-weight: 500;
@@ -29,6 +30,10 @@ const Container = styled(Box)`
       color: ${({ theme }) => theme.color.secondary.$60};
     }
   }
+
+  & > svg {
+    flex: 0 0 auto;
+  }
 `;
 
 const SearchTextField: React.FC<SearchTextFieldProps> = ({