diff --git a/uui-timeline/src/TimelineGrid.tsx b/uui-timeline/src/TimelineGrid.tsx
index fac9a7542b..83a4c07979 100644
--- a/uui-timeline/src/TimelineGrid.tsx
+++ b/uui-timeline/src/TimelineGrid.tsx
@@ -170,6 +170,7 @@ export function TimelineGrid({
 
     return (
         <TimelineCanvas
+            className={ restProps.className }
             draw={ restProps.draw ?? draw }
             canvasHeight={ canvasHeight }
             timelineController={ timelineController }
diff --git a/uui-timeline/src/TimelineScale.tsx b/uui-timeline/src/TimelineScale.tsx
index 807a7ac64b..8f72040718 100644
--- a/uui-timeline/src/TimelineScale.tsx
+++ b/uui-timeline/src/TimelineScale.tsx
@@ -206,8 +206,6 @@ export function TimelineScale({
         const canvasHeight = 60;
         context.clearRect(0, 0, t.widthMs, canvasHeight);
 
-        drawScaleBottomBorder({ context, canvasHeight, timelineTransform: t, bottomBorderColor });
-
         const fonts = { currentPeriodFont, periodFont, meridiemFont };
         const commonProps = {
             context,
@@ -251,6 +249,8 @@ export function TimelineScale({
             ...timelineScale.getYearsScaleRange(),
             ...withGridLinesProps,
         });
+
+        drawScaleBottomBorder({ context, canvasHeight, timelineTransform: t, bottomBorderColor });
     };
 
     useEffect(() => {