diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/BoundsInspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/BoundsInspector.tsx
index ca4f177d9..d2323fb59 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/BoundsInspector.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/BoundsInspector.tsx
@@ -85,8 +85,8 @@ const BoundsInspector: React.FC<Props> = ({
       <text
         x={0}
         y={midY}
-        dominant-baseline="middle"
-        text-anchor="right"
+        dominantBaseline="middle"
+        textAnchor="right"
         fill={strokeColor}>
         {value.x}
       </text>
@@ -119,8 +119,8 @@ const BoundsInspector: React.FC<Props> = ({
       <text
         x={midX}
         y={originY + height + separator * 2}
-        dominant-baseline="middle"
-        text-anchor="middle"
+        dominantBaseline="middle"
+        textAnchor="middle"
         fill={strokeColor}>
         {value.width}
       </text>
@@ -153,8 +153,8 @@ const BoundsInspector: React.FC<Props> = ({
       <text
         x={midX}
         y={separator}
-        dominant-baseline="middle"
-        text-anchor="middle"
+        dominantBaseline="middle"
+        textAnchor="middle"
         fill={strokeColor}>
         {value.y}
       </text>
@@ -187,8 +187,8 @@ const BoundsInspector: React.FC<Props> = ({
       <text
         x={originX + width + separator * 3}
         y={midY}
-        dominant-baseline="middle"
-        text-anchor="middle"
+        dominantBaseline="middle"
+        textAnchor="middle"
         fill={strokeColor}>
         {value.height}
       </text>
diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/SpaceBoxInspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/SpaceBoxInspector.tsx
index 177e66def..1c59552eb 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/SpaceBoxInspector.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/SpaceBoxInspector.tsx
@@ -162,8 +162,8 @@ const SpaceBoxInspector: React.FC<Props> = ({
       <text
         x={half}
         y={quarter - quarter / 2}
-        dominant-baseline="middle"
-        text-anchor="middle"
+        dominantBaseline="middle"
+        textAnchor="middle"
         fill={strokeColor}>
         {value.top}
       </text>
@@ -171,8 +171,8 @@ const SpaceBoxInspector: React.FC<Props> = ({
       <text
         x={half}
         y={size - quarter / 2}
-        dominant-baseline="middle"
-        text-anchor="middle"
+        dominantBaseline="middle"
+        textAnchor="middle"
         fill={strokeColor}>
         {value.bottom}
       </text>
@@ -180,8 +180,8 @@ const SpaceBoxInspector: React.FC<Props> = ({
       <text
         x={quarter - quarter / 2}
         y={half}
-        dominant-baseline="middle"
-        text-anchor="middle"
+        dominantBaseline="middle"
+        textAnchor="middle"
         fill={strokeColor}>
         {value.left}
       </text>
@@ -189,8 +189,8 @@ const SpaceBoxInspector: React.FC<Props> = ({
       <text
         x={size - quarter / 2}
         y={half}
-        dominant-baseline="middle"
-        text-anchor="middle"
+        dominantBaseline="middle"
+        textAnchor="middle"
         fill={strokeColor}>
         {value.right}
       </text>