From 9d8c41be04d48f7e6791d01dc5b8ce2de685e623 Mon Sep 17 00:00:00 2001
From: "Hung Q. Le" <lequochung@me.com>
Date: Tue, 6 Mar 2018 11:24:40 +0700
Subject: [PATCH] Fixed an issue where notification is overlayed by exported
 dir input field

---
 app/components/settings/_partials/invoice/Other.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/components/settings/_partials/invoice/Other.jsx b/app/components/settings/_partials/invoice/Other.jsx
index ae1b9f93..d91f3d62 100644
--- a/app/components/settings/_partials/invoice/Other.jsx
+++ b/app/components/settings/_partials/invoice/Other.jsx
@@ -3,6 +3,11 @@ import PropTypes from 'prop-types';
 const moment = require('moment');
 
 import { Row, Field, Header, Part } from '../../../shared/Part';
+import styled from 'styled-components';
+
+const ExportDir = styled.div`
+  display: flex;
+`;
 
 function Other({
   dateFormat,
@@ -20,9 +25,8 @@ function Other({
       <Row>
         <Field>
           <label className="itemLabel">{t('settings:fields:pdfExportDir')}</label>
-          <div className="input-group">
+          <ExportDir>
             <input
-              className="form-control"
               name="exportDir"
               type="text"
               value={exportDir}
@@ -35,7 +39,7 @@ function Other({
             >
               <i className="ion-folder" />
             </a>
-          </div>
+          </ExportDir>
         </Field>
       </Row>
       <Row>