diff --git a/libs/shared/lib/vis/visualizations/mapvis/components/shared/ColorPicker.tsx b/libs/shared/lib/components/colorComponents/colorPicker/index.tsx
similarity index 100%
rename from libs/shared/lib/vis/visualizations/mapvis/components/shared/ColorPicker.tsx
rename to libs/shared/lib/components/colorComponents/colorPicker/index.tsx
diff --git a/libs/shared/lib/vis/visualizations/mapvis/components/layers/choropleth-layer/ChoroplethOptions.tsx b/libs/shared/lib/vis/visualizations/mapvis/components/layers/choropleth-layer/ChoroplethOptions.tsx
index 354456f20b448f97734c1a8328ef6d84a0a1e620..b99abbee956ae52217ab36e3487a631a5aef91ff 100644
--- a/libs/shared/lib/vis/visualizations/mapvis/components/layers/choropleth-layer/ChoroplethOptions.tsx
+++ b/libs/shared/lib/vis/visualizations/mapvis/components/layers/choropleth-layer/ChoroplethOptions.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useEffect } from 'react';
-import ColorPicker from '../../shared/ColorPicker';
+import ColorPicker from '@graphpolaris/shared/lib/components/colorComponents/colorPicker';
 import { VisualizationSettingsPropTypes } from '@graphpolaris/shared/lib/vis/common';
 import { MapProps } from '../../../mapvis';
 import { EntityPill, Icon, Input, RelationPill } from '@graphpolaris/shared/lib/components';
diff --git a/libs/shared/lib/vis/visualizations/mapvis/components/layers/icon-layer/IconOptions.tsx b/libs/shared/lib/vis/visualizations/mapvis/components/layers/icon-layer/IconOptions.tsx
index d6794c7a83c196a95946ad84b1916917b61013c7..0fbb9088712e9f15efe7e1f958de11735a6abfac 100644
--- a/libs/shared/lib/vis/visualizations/mapvis/components/layers/icon-layer/IconOptions.tsx
+++ b/libs/shared/lib/vis/visualizations/mapvis/components/layers/icon-layer/IconOptions.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useEffect } from 'react';
-import ColorPicker from '../../shared/ColorPicker';
+import ColorPicker from '@graphpolaris/shared/lib/components/colorComponents/colorPicker';
 import { VisualizationSettingsPropTypes } from '@graphpolaris/shared/lib/vis/common';
 import { MapProps } from '../../../mapvis';
 import { EntityPill, Icon, Input, RelationPill } from '@graphpolaris/shared/lib/components';
diff --git a/libs/shared/lib/vis/visualizations/mapvis/components/layers/node-layer/NodeOptions.tsx b/libs/shared/lib/vis/visualizations/mapvis/components/layers/node-layer/NodeOptions.tsx
index c9d8955f4f8c4acef95d57690009a4a2167bc2d7..7777348a92484a376d8ddb1cbfa273eb876e1afa 100644
--- a/libs/shared/lib/vis/visualizations/mapvis/components/layers/node-layer/NodeOptions.tsx
+++ b/libs/shared/lib/vis/visualizations/mapvis/components/layers/node-layer/NodeOptions.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import ColorPicker from '../../shared/ColorPicker';
+import ColorPicker from '@graphpolaris/shared/lib/components/colorComponents/colorPicker';
 import { MapProps } from '../../../mapvis';
 import { VisualizationSettingsPropTypes } from '@graphpolaris/shared/lib/vis/common';
 import { EntityPill, Icon, Input } from '@graphpolaris/shared/lib/components';
diff --git a/libs/shared/lib/vis/visualizations/mapvis/components/layers/nodelink-layer/NodeLinkOptions.tsx b/libs/shared/lib/vis/visualizations/mapvis/components/layers/nodelink-layer/NodeLinkOptions.tsx
index eda6ac89c901a3bf6b54781a4d761b4b2e456376..dbfe79268a42450dd048915e4d74ef97586b0182 100644
--- a/libs/shared/lib/vis/visualizations/mapvis/components/layers/nodelink-layer/NodeLinkOptions.tsx
+++ b/libs/shared/lib/vis/visualizations/mapvis/components/layers/nodelink-layer/NodeLinkOptions.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useEffect } from 'react';
-import ColorPicker from '../../shared/ColorPicker';
+import ColorPicker from '@graphpolaris/shared/lib/components/colorComponents/colorPicker';
 import { VisualizationSettingsPropTypes } from '@graphpolaris/shared/lib/vis/common';
 import { MapProps } from '../../../mapvis';
 import { EntityPill, Icon, Input, RelationPill } from '@graphpolaris/shared/lib/components';