File tree Expand file tree Collapse file tree 1 file changed +18
-10
lines changed
Expand file tree Collapse file tree 1 file changed +18
-10
lines changed Original file line number Diff line number Diff line change @@ -165,17 +165,25 @@ export const FiltersBar = ({ elements }: FiltersBarProps) => {
165165 ) }
166166 ref = { containerRef }
167167 >
168- < AppliedFilterPillsList
169- ref = { pillsRef }
170- direction = "horizontal"
171- slice = { {
172- type : 'invisible-outside' ,
173- start : 0 ,
174- end : visibility ?. visibleCount
168+ < div
169+ style = { {
170+ marginTop : - BUFFER_FOR_SHADOW_PX ,
171+ marginBottom : - BUFFER_FOR_SHADOW_PX
175172 } }
176- className = "overflow-hidden"
177- style = { { width : visibility ?. width ?? '100%' } }
178- />
173+ className = "flex items-center"
174+ >
175+ < AppliedFilterPillsList
176+ ref = { pillsRef }
177+ direction = "horizontal"
178+ slice = { {
179+ type : 'invisible-outside' ,
180+ start : 0 ,
181+ end : visibility ?. visibleCount
182+ } }
183+ className = "overflow-hidden"
184+ style = { { width : visibility ?. width ?? '100%' } }
185+ />
186+ </ div >
179187 { visibility !== null &&
180188 ( query . filters . length !== visibility . visibleCount || canClear ) && (
181189 < ToggleDropdownButton
You can’t perform that action at this time.
0 commit comments