diff --git a/web/src/pages/project/ProjectColumnOptions.tsx b/web/src/pages/project/ProjectColumnOptions.tsx
index aad991caa..2b4e2501e 100644
--- a/web/src/pages/project/ProjectColumnOptions.tsx
+++ b/web/src/pages/project/ProjectColumnOptions.tsx
@@ -88,7 +88,7 @@ export const ProjectColumnOptions: React.FC<ProjectColumnOptionsProps> = ({
                             return (
                                 <Segment
                                     key={`project-col-option-${headerGroup}`}
-                                    style={{ marginLeft: '10px' }}
+                                    style={{ width: '50%' }}
                                 >
                                     <CategoryColumnOptions
                                         category={headerGroup}
@@ -169,6 +169,7 @@ const CategoryColumnOptions: React.FC<{
             <table
                 style={{
                     border: 'none', // '1px solid black',
+                    width: '100%'
                 }}
             >
                 <tbody>
diff --git a/web/src/pages/project/ValueFilter.tsx b/web/src/pages/project/ValueFilter.tsx
index 0f91c5174..b138b4514 100644
--- a/web/src/pages/project/ValueFilter.tsx
+++ b/web/src/pages/project/ValueFilter.tsx
@@ -188,7 +188,7 @@ export const ValueFilter: React.FC<IValueFilter> = ({
                         }))}
                     />
                 </Label>
-                <input />
+                <input style={{ width: 'auto' }} />
                 {isHighlighted && (
                     <Label style={{}}>
                         <IconButton