diff --git a/src/design-system/molecules/user-avatar-group/UserAvatarGroup.styled.ts b/src/design-system/molecules/user-avatar-group/UserAvatarGroup.styled.ts
index 2c8c2a0..1b4c29c 100644
--- a/src/design-system/molecules/user-avatar-group/UserAvatarGroup.styled.ts
+++ b/src/design-system/molecules/user-avatar-group/UserAvatarGroup.styled.ts
@@ -1,6 +1,7 @@
 import styled, { css } from 'styled-components';
 import { onSmallScreen } from 'roleypoly/src/design-system/atoms/breakpoints';
 import { palette } from 'roleypoly/src/design-system/atoms/colors';
+import * as _ from 'styled-components'; // tslint:disable-line:no-duplicate-imports
 
 export const Collapse = styled.div<{ preventCollapse: boolean }>`
     ${(props) =>
diff --git a/src/design-system/molecules/user-popover/UserPopover.styled.ts b/src/design-system/molecules/user-popover/UserPopover.styled.ts
index 14eaa7f..d0b82cf 100644
--- a/src/design-system/molecules/user-popover/UserPopover.styled.ts
+++ b/src/design-system/molecules/user-popover/UserPopover.styled.ts
@@ -1,6 +1,7 @@
 import styled from 'styled-components';
 import { palette } from 'roleypoly/src/design-system/atoms/colors';
 import { transitions } from 'roleypoly/src/design-system/atoms/timings';
+import * as _ from 'styled-components'; // tslint:disable-line:no-duplicate-imports
 
 export const Base = styled.div`
     text-align: right;