fix: remove relative position of combobox

Author: VK-RED

src/components/modals/stakeholder/single-stake-holder-form.tsx

@@ -123,7 +123,7 @@ export const SingleStakeholderForm = () => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Type</FormLabel>
-                  <div className="relative right-1">
+                  <div>
                     <LinearCombobox
                       options={stakeHolderTypeOpts}
                       onValueChange={(option) => {
@@ -143,7 +143,7 @@ export const SingleStakeholderForm = () => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Group</FormLabel>
-                  <div className="relative right-1">
+                  <div>
                     <LinearCombobox
                       options={groupTypeOpts}
                       onValueChange={(option) => field.onChange(option.value)}

src/components/onboarding/company-form.tsx

@@ -423,7 +423,7 @@ export const CompanyForm = ({ type, data }: CompanyFormProps) => {
                     <FormLabel>Incorporation type</FormLabel>
 
                     {/* Used Linear-combobox instead of Select Component */}
-                    <div className="relative right-1">
+                    <div>
                       <LinearCombobox
                         options={incorpTypeOpts}
                         onValueChange={(option) => {

src/components/safe/steps/investor-details/form.tsx

@@ -148,7 +148,7 @@ export function InvestorDetailsForm({ stakeholders }: InvestorsDetailsProps) {
             render={({ field }) => (
               <FormItem>
                 <FormLabel>Stakeholder</FormLabel>
-                <div className="relative right-1">
+                <div>
                   <LinearCombobox
                     options={stakeHolderOpts}
                     onValueChange={(option) => field.onChange(option.value)}

src/components/safe/steps/safe-template.tsx

@@ -230,7 +230,7 @@ function PredefinedTemplateSelect() {
       render={({ field }) => (
         <FormItem>
           <FormLabel>Safe template</FormLabel>
-          <div className="relative right-1">
+          <div>
             <LinearCombobox
               options={templateTypes}
               onValueChange={(option) => field.onChange(option.value)}

src/components/securities/options/steps/general-details.tsx

@@ -85,7 +85,7 @@ export const GeneralDetails = () => {
             render={({ field }) => (
               <FormItem>
                 <FormLabel>Grant type</FormLabel>
-                <div className="relative right-1">
+                <div>
                   <LinearCombobox
                     options={typesOpts}
                     onValueChange={(option) => field.onChange(option.value)}
@@ -129,7 +129,7 @@ export const GeneralDetails = () => {
             render={({ field }) => (
               <FormItem>
                 <FormLabel>Status</FormLabel>
-                <div className="relative right-1">
+                <div>
                   <LinearCombobox
                     options={STATUSES}
                     onValueChange={(option) => field.onChange(option.value)}

src/components/securities/options/steps/vesting-details.tsx

@@ -89,7 +89,7 @@ export const VestingDetails = (props: VestingDetailsProps) => {
             render={({ field }) => (
               <FormItem>
                 <FormLabel>Vesting schedule</FormLabel>
-                <div className="relative right-1">
+                <div>
                   <LinearCombobox
                     options={vestingSchedileOpts}
                     onValueChange={(option) => field.onChange(option.value)}
@@ -107,7 +107,7 @@ export const VestingDetails = (props: VestingDetailsProps) => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Equity plan</FormLabel>
-                  <div className="relative right-1">
+                  <div>
                     <LinearCombobox
                       options={equityPlansOpts}
                       onValueChange={(option) => field.onChange(option.value)}
@@ -159,7 +159,7 @@ export const VestingDetails = (props: VestingDetailsProps) => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Stakeholder</FormLabel>
-                  <div className="relative right-1">
+                  <div>
                     <LinearCombobox
                       options={stakeHolderOpts}
                       onValueChange={(option) => field.onChange(option.value)}

src/components/securities/shares/steps/contribution-details.tsx

@@ -77,7 +77,7 @@ export const ContributionDetails = ({
               <FormItem>
                 <FormLabel>Stakeholder</FormLabel>
                 {/* eslint-disable-next-line  @typescript-eslint/no-unsafe-assignment */}
-                <div className="relative right-1">
+                <div>
                   <LinearCombobox
                     options={stakeHoldersOpts}
                     onValueChange={(option) => field.onChange(option.value)}

src/components/securities/shares/steps/general-details.tsx

@@ -132,7 +132,7 @@ export const GeneralDetails = ({ shareClasses }: GeneralDetailsProps) => {
                 render={({ field }) => (
                   <FormItem>
                     <FormLabel>Select a share class</FormLabel>
-                    <div className="relative right-1">
+                    <div>
                       <LinearCombobox
                         options={shareClassOpts}
                         onValueChange={(option) => field.onChange(option.value)}
@@ -179,7 +179,7 @@ export const GeneralDetails = ({ shareClasses }: GeneralDetailsProps) => {
                 render={({ field }) => (
                   <FormItem>
                     <FormLabel>Status</FormLabel>
-                    <div className="relative right-1">
+                    <div>
                       <LinearCombobox
                         options={statusOpts}
                         onValueChange={(option) => field.onChange(option.value)}
@@ -258,7 +258,7 @@ export const GeneralDetails = ({ shareClasses }: GeneralDetailsProps) => {
             render={({ field }) => (
               <FormItem>
                 <FormLabel>Vesting schedule</FormLabel>
-                <div className="relative right-1">
+                <div>
                   <LinearCombobox
                     options={vestingScheduleOpts}
                     onValueChange={(option) => field.onChange(option.value)}