diff --git a/src/components/RootStyle.tsx b/src/components/RootStyle.tsx
index 392fcca1..fa708fe2 100644
--- a/src/components/RootStyle.tsx
+++ b/src/components/RootStyle.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 
 export const RootStyle = styled.div`
   .Mui-selected,
diff --git a/src/pages/AddWorkspace/FormComponents.tsx b/src/pages/AddWorkspace/FormComponents.tsx
index f819dd62..fe0eafab 100644
--- a/src/pages/AddWorkspace/FormComponents.tsx
+++ b/src/pages/AddWorkspace/FormComponents.tsx
@@ -1,6 +1,6 @@
 import { Autocomplete, Button, Fab, Paper, TextField, Tooltip, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 
 export const CreateContainer = styled(Paper)`
   padding: 10px;
@@ -12,11 +12,13 @@ export const LocationPickerContainer = styled.div`
   display: flex;
   flex-direction: row;
   margin-bottom: 10px;
+  width: 100%;
   background-color: ${({ theme }) => theme.palette.background.paper};
   color: ${({ theme }) => theme.palette.text.primary};
 `;
 export const LocationPickerInput = styled(TextField)`
   background-color: ${({ theme }) => theme.palette.background.paper};
+  flex: 1;
 `;
 LocationPickerInput.defaultProps = {
   fullWidth: true,
diff --git a/src/pages/EditWorkspace/index.tsx b/src/pages/EditWorkspace/index.tsx
index c9e2a627..980f5f85 100644
--- a/src/pages/EditWorkspace/index.tsx
+++ b/src/pages/EditWorkspace/index.tsx
@@ -280,6 +280,7 @@ export default function EditWorkspace(): React.JSX.Element {
           </Tooltip>
           <AccordionDetails>
             <TextField
+              fullWidth
               id='outlined-full-width'
               label={t('EditWorkspace.Path')}
               helperText={t('EditWorkspace.PathDescription')}
@@ -292,6 +293,7 @@ export default function EditWorkspace(): React.JSX.Element {
             />
             {isSubWiki && mainWikiToLink && (
               <TextField
+                fullWidth
                 id='outlined-full-width'
                 label={t('EditWorkspace.MainWorkspacePath')}
                 helperText={t('EditWorkspace.PathDescription')}
diff --git a/src/pages/Main/Sidebar.tsx b/src/pages/Main/Sidebar.tsx
index 8fa7e4a7..b3da7f6c 100644
--- a/src/pages/Main/Sidebar.tsx
+++ b/src/pages/Main/Sidebar.tsx
@@ -2,7 +2,7 @@
 import { Settings as SettingsIcon, Upgrade as UpgradeIcon } from '@mui/icons-material';
 import { t } from 'i18next';
 import SimpleBar from 'simplebar-react';
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 import is, { isNot } from 'typescript-styled-is';
 
 import { latestStableUpdateUrl } from '@/constants/urls';