diff --git a/src/renderer/components/shared/bs-content-tab-panel/bs-content-tab-panel.component.tsx b/src/renderer/components/shared/bs-content-tab-panel/bs-content-tab-panel.component.tsx
index 8a4239f6..6cc1257e 100644
--- a/src/renderer/components/shared/bs-content-tab-panel/bs-content-tab-panel.component.tsx
+++ b/src/renderer/components/shared/bs-content-tab-panel/bs-content-tab-panel.component.tsx
@@ -2,13 +2,13 @@ import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
 import { LaserSlider } from "../laser-slider.component";
 import { BsContentTabItem, BsContentTabItemProps } from "./bs-content-tab-item.component";
 
-type Props<T = unknown> = {
+type Props<T = unknown> = Readonly<{
     className?: string;
     tabs: BsContentTabItemProps<T>[];
     tabIndex: number;
     onTabChange: (index: number, tab: BsContentTabItemProps<T>) => void;
     children: JSX.Element;
-}
+}>;
 
 export function BsContentTabPanel({className, tabIndex, tabs, onTabChange, children}: Props) {
 
diff --git a/src/renderer/components/shared/laser-slider.component.tsx b/src/renderer/components/shared/laser-slider.component.tsx
index fd5812af..ce35107a 100644
--- a/src/renderer/components/shared/laser-slider.component.tsx
+++ b/src/renderer/components/shared/laser-slider.component.tsx
@@ -1,12 +1,12 @@
 import { CSSProperties } from "react";
 
-type Props = {
+type Props = Readonly<{
     mode: "horizontal" | "vertical";
     color: string;
     className?: string;
     nbSteps: number;
     step: number;
-}
+}>
 
 export function LaserSlider({mode, color, className, nbSteps, step}: Props) {