fix: 🐛 styling for filters in Funnel Steps

keen · Nov 12, 2020 · c55adb3 · c55adb3
1 parent 65014d7
commit c55adb3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/lib/js/app/queryCreator/components/FunnelStep/FunnelStep.styles.ts b/lib/js/app/queryCreator/components/FunnelStep/FunnelStep.styles.ts
@@ -1,4 +1,5 @@
 import styled, { css } from 'styled-components';
+import { layout, LayoutProps } from 'styled-system';
 import { colors } from '@keen.io/colors';
 import Card from '../Card';
 
@@ -18,12 +19,14 @@ export const Item = styled.div`
   max-width: 320px;
 `;
 
-export const Wrapper = styled.div`
+export const Wrapper = styled.div<LayoutProps>`
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 10px 0 20px 0;
 
+  ${layout}
+
   ${SmallItem} + ${SmallItem},
   ${Item} + ${SmallItem} {
     padding-top: 20px;

diff --git a/lib/js/app/queryCreator/components/FunnelStep/FunnelStep.tsx b/lib/js/app/queryCreator/components/FunnelStep/FunnelStep.tsx
@@ -216,7 +216,7 @@ const FunnelStep: FC<Props> = ({
               />
             </Item>
           </Wrapper>
-          <Wrapper>
+          <Wrapper display="block">
             <Filters
               collection={eventCollection}
               filters={filters}