2 files changed, 8 insertions, 3 deletions
diff --git a/apps/web/src/components/editor/properties-panel/index.tsx b/apps/web/src/components/editor/properties-panel/index.tsx
index c3290355..dc0dd4b2 100644
--- a/apps/web/src/components/editor/properties-panel/index.tsx
+++ b/apps/web/src/components/editor/properties-panel/index.tsx
@@ -83,12 +83,16 @@ export function PropertiesPanel() {
               );
 
               if (mediaItem?.type === "audio") {
-                return <AudioProperties key={elementId} element={element} />;
+                return (
+                  <div key={elementId}>
+                    <AudioProperties element={element} />
+                  </div>
+                );
               }
 
               return (
                 <div key={elementId}>
-                  <MediaProperties key={elementId} element={element} />
+                  <MediaProperties element={element} />
                 </div>
               );
             }
diff --git a/apps/web/src/components/editor/timeline-canvas/timeline-canvas-ruler.tsx b/apps/web/src/components/editor/timeline-canvas/timeline-canvas-ruler.tsx
index d004c465..c40cdbda 100644
--- a/apps/web/src/components/editor/timeline-canvas/timeline-canvas-ruler.tsx
+++ b/apps/web/src/components/editor/timeline-canvas/timeline-canvas-ruler.tsx
@@ -1,3 +1,4 @@
+import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
 import { TimelineCanvasRulerProps } from "@/types/timeline";
 import React, { useRef, useEffect } from "react";
 
@@ -19,7 +20,7 @@ export default function TimelineCanvasRuler({
 
     ctx.clearRect(0, 0, width, height);
 
-    const pixelsPerSecond = 50 * zoomLevel;
+    const pixelsPerSecond = TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel;
 
     const getTimeInterval = () => {
       if (pixelsPerSecond >= 200) return 0.1;