Fix styles

Author: german664

src/components/external/TransactionsOverview/components/TransactionsOverview/TransactionsOverview.tsx

@@ -29,6 +29,7 @@ import { useCustomColumnsData } from '../../../../../hooks/useCustomColumnsData'
 import hasCustomField from '../../../../utils/customData/hasCustomField';
 import mergeRecords from '../../../../utils/customData/mergeRecords';
 import './TransactionsOverview.scss';
+import InputBase from '../../../../internal/FormFields/InputBase';
 
 export const TransactionsOverview = ({
     onFiltersChanged,
@@ -289,6 +290,20 @@ export const TransactionsOverview = ({
                     placeholder={i18n.get('transactions.overview.filters.types.currency.label')}
                 />
             </FilterBar>
+            <InputBase
+                dropdown={{
+                    items: [
+                        { id: 'EUR', name: 'EUR' },
+                        { id: 'USD', name: 'USD' },
+                    ],
+                    value: 'EUR',
+                    'aria-label': 'Currency selector',
+                }}
+                onDropdownInput={(value: any) => console.log('Dropdown changed:', value)}
+                value="Entered Text"
+                type={'number'}
+                placeholder="Enter amount"
+            />
             <div className={SUMMARY_CLASS}>
                 <div className={SUMMARY_ITEM_CLASS}>
                     <TransactionTotals

src/components/internal/FormFields/FormFields.scss

@@ -114,21 +114,21 @@
 
     &__container > input {
         background: transparent;
-        border: 0 !important;
-        box-shadow: none !important;
+        border: 0;
+        box-shadow: none;
         flex: 1;
         height: auto;
         outline: none;
         padding: 5px 8px;
 
         &:hover {
-            border: 0 !important;
+            border: 0;
         }
 
         &:focus,
         &:active {
             background: transparent;
-            border: 0 !important;
+            border: 0;
             outline: none !important;
         }
     }