diff --git a/src/components/charts/BandAxis/BandAxis.tsx b/src/components/charts/BandAxis/BandAxis.tsx
index fec6f8e..671d045 100644
--- a/src/components/charts/BandAxis/BandAxis.tsx
+++ b/src/components/charts/BandAxis/BandAxis.tsx
@@ -24,8 +24,8 @@ const BandAxis = ({
   const [textdX, textdY, path] = getAxisOrientConfig({ orient, startPoint, endPoint, outerTickLength });
 
   return (
-    <g className={BandAxisVariants({ className, lineHide })} textAnchor="middle" {...props}>
-      <path fill="none" d={path} />
+    <g className={BandAxisVariants({ className })} textAnchor="middle" {...props}>
+      {!lineHide && <path fill="none" d={path} />}
       {axisScale.domain().map((label, i) => (
         <g
           key={`tick-${i}`}
@@ -35,11 +35,13 @@ const BandAxis = ({
               : `translate(${tickStartPoint + axisScale.step() * i}, 0)`
           }
         >
-          <line
-            x2={isVertical ? innerTickLength : undefined}
-            y2={isVertical ? undefined : innerTickLength}
-            fill="none"
-          />
+          {!lineHide && (
+            <line
+              x2={isVertical ? innerTickLength : undefined}
+              y2={isVertical ? undefined : innerTickLength}
+              fill="none"
+            />
+          )}
           {!labelHide && (
             <text dx={textdX} dy={textdY} stroke="none">
               {label}