diff --git a/frontend/src/components/buttons/CancelButton.tsx b/frontend/src/components/buttons/CancelButton.tsx
index 96eb128..4559ccf 100644
--- a/frontend/src/components/buttons/CancelButton.tsx
+++ b/frontend/src/components/buttons/CancelButton.tsx
@@ -4,7 +4,7 @@ type CancelButtonProps = {
   onClick: () => void;
 };
 
-export default function CancelButton({ onClick }: CancelButtonProps) {
+export default function CancelButton({ onClick }: Readonly<CancelButtonProps>) {
   return (
     <Button
       onClick={onClick}
diff --git a/frontend/src/components/buttons/SaveButton.tsx b/frontend/src/components/buttons/SaveButton.tsx
index 000c53a..5a759a6 100644
--- a/frontend/src/components/buttons/SaveButton.tsx
+++ b/frontend/src/components/buttons/SaveButton.tsx
@@ -4,7 +4,7 @@ type SaveButtonProps = {
   onClick: () => void;
 };
 
-export default function SaveButton({ onClick }: SaveButtonProps) {
+export default function SaveButton({ onClick }: Readonly<SaveButtonProps>) {
   return (
     <Button
       onClick={onClick}
diff --git a/frontend/src/components/buttons/UpdateButton.tsx b/frontend/src/components/buttons/UpdateButton.tsx
index 7231c01..44e600e 100644
--- a/frontend/src/components/buttons/UpdateButton.tsx
+++ b/frontend/src/components/buttons/UpdateButton.tsx
@@ -4,7 +4,7 @@ type UpdateButtonProps = {
   onClick: () => void;
 };
 
-export default function UpdateButton({ onClick }: UpdateButtonProps) {
+export default function UpdateButton({ onClick }: Readonly<UpdateButtonProps>) {
   return (
     <Button
       onClick={onClick}
diff --git a/frontend/src/components/inputs/TicketDescriptionInput.tsx b/frontend/src/components/inputs/TicketDescriptionInput.tsx
index 9daa96a..9f151f1 100644
--- a/frontend/src/components/inputs/TicketDescriptionInput.tsx
+++ b/frontend/src/components/inputs/TicketDescriptionInput.tsx
@@ -15,7 +15,7 @@ export default function TicketDescriptionInput({
   description,
   setDescription,
   descriptionError,
-}: TicketDescriptionInputProps) {
+}: Readonly<TicketDescriptionInputProps>) {
   return (
     <>
       <Box
diff --git a/frontend/src/components/inputs/TicketTitleInput.tsx b/frontend/src/components/inputs/TicketTitleInput.tsx
index d213b43..e93ce5f 100644
--- a/frontend/src/components/inputs/TicketTitleInput.tsx
+++ b/frontend/src/components/inputs/TicketTitleInput.tsx
@@ -11,7 +11,7 @@ export default function TicketTitleInput({
   titleError,
   setTitle,
   title,
-}: TicketTitleInputProps) {
+}: Readonly<TicketTitleInputProps>) {
   return (
     <TextField
       fullWidth
diff --git a/frontend/src/components/layout/TicketCardsGrid.tsx b/frontend/src/components/layout/TicketCardsGrid.tsx
index 3aa592d..40534a8 100644
--- a/frontend/src/components/layout/TicketCardsGrid.tsx
+++ b/frontend/src/components/layout/TicketCardsGrid.tsx
@@ -12,7 +12,7 @@ type TicketCardsGridProps = {
 export default function TicketCardsGrid({
   searchResults,
   setSidepanelStatus,
-}: TicketCardsGridProps) {
+}: Readonly<TicketCardsGridProps>) {
   const theme = useTheme();
   const isXs = useMediaQuery(theme.breakpoints.only("xs"));
   const isSm = useMediaQuery(theme.breakpoints.only("sm"));
@@ -40,7 +40,7 @@ export default function TicketCardsGrid({
     <Box display="flex" gap={{ xs: 2, md: 3 }}>
       {columns.map((column, colIndex) => (
         <Box
-          key={colIndex}
+          key={`column-${colIndex}`}
           display="flex"
           flexDirection="column"
           gap={{ xs: 2, md: 3 }}