diff --git a/src/components/scrollingmenu/ScrollingMenu.tsx b/src/components/scrollingmenu/ScrollingMenu.tsx
index 284af24..9aa32c5 100644
--- a/src/components/scrollingmenu/ScrollingMenu.tsx
+++ b/src/components/scrollingmenu/ScrollingMenu.tsx
@@ -1,8 +1,9 @@
import React, { useContext } from 'react';
import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
-import { Button, Icon } from 'rsuite';
+import { Button } from 'rsuite';
import styled from 'styled-components';
import Card from '../card/Card';
+import { StyledIcon } from '../shared/styled';
const ScrollMenuContainer = styled.div`
margin-bottom: 25px;
@@ -22,7 +23,7 @@ const LeftArrow = () => {
disabled={isFirstItemVisible}
onClick={() => scrollPrev()}
>
-
+
);
};
@@ -36,7 +37,7 @@ const RightArrow = () => {
disabled={isLastItemVisible}
onClick={() => scrollNext()}
>
-
+
);
};
diff --git a/src/components/shared/styled.ts b/src/components/shared/styled.ts
index 5108c5d..4606014 100644
--- a/src/components/shared/styled.ts
+++ b/src/components/shared/styled.ts
@@ -135,3 +135,7 @@ export const StyledInputPicker = styled(InputPicker)`
color: ${(props) => `${props.theme.primary.main} !important`};
}
`;
+
+export const StyledIcon = styled(Icon)`
+ color: ${(props) => `${props.theme.primary.main} !important`};
+`;