diff --git a/front/src/components/ClickableLink.tsx b/front/src/components/ClickableLink.tsx
index ee88b3b..7cf03eb 100644
--- a/front/src/components/ClickableLink.tsx
+++ b/front/src/components/ClickableLink.tsx
@@ -1,4 +1,9 @@
-export default function ClickableLink({url, text}) {
+interface ClickableLinkProps {
+    url:string;
+    text:string;
+}
+
+export default function ClickableLink({url, text}: ClickableLinkProps) {
     return (<div>
         <a href={url}><button style={{
             backgroundColor: "transparent",
diff --git a/front/src/components/LogoButton.tsx b/front/src/components/LogoButton.tsx
index 5fcf29c..f086479 100644
--- a/front/src/components/LogoButton.tsx
+++ b/front/src/components/LogoButton.tsx
@@ -1,4 +1,9 @@
-export default function LogoButton ({url, logo}) {
+interface LogoButtonProps {
+    url:string;
+    logo:string
+}
+
+export default function LogoButton ({url, logo}: LogoButtonProps) {
     return (
     <a href={url}><img src={logo}/></a>
     )
diff --git a/front/src/components/RoundButton.tsx b/front/src/components/RoundButton.tsx
index 8c2e092..4747d57 100644
--- a/front/src/components/RoundButton.tsx
+++ b/front/src/components/RoundButton.tsx
@@ -1,4 +1,10 @@
-export default function RoundButton({url, bgcolor, text}) {
+interface RoundButtonProps {
+    url:string;
+    bgcolor:string;
+    text:string;
+}
+
+export default function RoundButton({url, bgcolor, text}: RoundButtonProps) {
     return (<div>
         <a href={url}><button style={{
             backgroundColor: bgcolor,