diff --git a/packages/open-ui-kit/src/charts/spider-chart/components/spider-chart.tsx b/packages/open-ui-kit/src/charts/spider-chart/components/spider-chart.tsx
index 79a8a35..8bcaadb 100644
--- a/packages/open-ui-kit/src/charts/spider-chart/components/spider-chart.tsx
+++ b/packages/open-ui-kit/src/charts/spider-chart/components/spider-chart.tsx
@@ -45,7 +45,6 @@ const calculateDomain = (data: ExtendedDataPoint[]) => [
 export const SpiderChart = ({
   data,
   radars,
-  band = 30,
   tickBand = 5,
   scale = 1,
   outerRadius = 90,
@@ -78,6 +77,9 @@ export const SpiderChart = ({
     );
   });
 
+  const angleStep = 360 / data.length;
+  const computedAngleOffset = 90 % angleStep;
+
   return (
     <StyledRadarChart onClick={handleClick}>
       <ResponsiveContainer width="100%" height="100%">
@@ -95,7 +97,7 @@ export const SpiderChart = ({
             data={[{ subject: "1" }]}
             polarAngles={Array(data.length)
               .fill(0)
-              .map((_, i) => i * (360 / data.length) + tickBand)}
+              .map((_, i) => i * angleStep + tickBand)}
           />
           <Customized
             component={CustomPolarGrid}
@@ -107,7 +109,7 @@ export const SpiderChart = ({
             scale={scale}
             polarAngles={Array(data.length)
               .fill(0)
-              .map((_, i) => i * (360 / data.length) + band)}
+              .map((_, i) => i * angleStep + computedAngleOffset)}
           />
           <Customized
             component={CustomLines}
@@ -120,7 +122,7 @@ export const SpiderChart = ({
             outerRadius={1}
             polarAngles={Array(data.length)
               .fill(0)
-              .map((_, i) => i * (360 / data.length) + band)}
+              .map((_, i) => i * angleStep + computedAngleOffset)}
           />
 
           {radars.map((radar, index) => (
diff --git a/packages/open-ui-kit/src/charts/spider-chart/index.ts b/packages/open-ui-kit/src/charts/spider-chart/index.ts
index 2c9e95d..f410562 100644
--- a/packages/open-ui-kit/src/charts/spider-chart/index.ts
+++ b/packages/open-ui-kit/src/charts/spider-chart/index.ts
@@ -5,4 +5,7 @@
  */
 
 export { SpiderChart } from "./components/spider-chart";
-export type { SpiderChartProps } from "./types/spider-chart.types";
+export type {
+  SpiderChartProps,
+  ExtendedDataPoint,
+} from "./types/spider-chart.types";
diff --git a/packages/open-ui-kit/src/charts/spider-chart/stories/spider-chart.stories.tsx b/packages/open-ui-kit/src/charts/spider-chart/stories/spider-chart.stories.tsx
index a897341..d17b960 100644
--- a/packages/open-ui-kit/src/charts/spider-chart/stories/spider-chart.stories.tsx
+++ b/packages/open-ui-kit/src/charts/spider-chart/stories/spider-chart.stories.tsx
@@ -21,9 +21,6 @@ const meta: Meta<typeof SpiderChart> = {
     outerRadius: {
       description: "The outer radius of the chart.",
     },
-    band: {
-      description: "The outer radius of the chart",
-    },
     onTooltipClick: {
       description: "Callback to call on tooltip click",
     },
diff --git a/packages/open-ui-kit/src/charts/spider-chart/types/spider-chart.types.ts b/packages/open-ui-kit/src/charts/spider-chart/types/spider-chart.types.ts
index e372b3a..4bec8fb 100644
--- a/packages/open-ui-kit/src/charts/spider-chart/types/spider-chart.types.ts
+++ b/packages/open-ui-kit/src/charts/spider-chart/types/spider-chart.types.ts
@@ -32,7 +32,6 @@ export type SpiderChartProps = {
   radars: RadarType[];
   outerRadius?: number;
   padData?: number;
-  band?: number;
   onTooltipClick?: (subject: string) => void;
   tooltipContent?: (dataPoint: ExtendedDataPoint) => React.ReactNode;
   showTooltip?: boolean;