diff --git a/index.d.ts b/index.d.ts
index 77b5388f80b0ecdad78d7d0623aab8ab1df7a90d..ec1690f52f875875b6ae4dd930632d719fed9319 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -55,7 +55,7 @@ interface Icookies {
   declineButtonStyle?: {},
   decline: any
 }
-export function CookiesComponent(props: Icookies): JSX.Element;
+export function Cookies(props: Icookies): JSX.Element;
 
 interface BadgeProps {
   children?: React.ReactNode;
diff --git a/index.js b/index.js
index edb3d0b988dd94c87d96072a8c58b7e2bd22e892..4df568caf4c238c46e80891f86ca6af53d086d3a 100644
--- a/index.js
+++ b/index.js
@@ -26,7 +26,7 @@ export { default as Carousel } from "./src/components/core/Carousel";
 export { default as Logo } from "./src/components/core/Logo";
 
 // Cookies components
-export { default as CookiesComponent } from "./src/components/CookiesComponent";
+export { default as Cookies } from "./src/components/Cookies";
 
 // Menu components
 export { default as Menu } from "./src/components/core/Menu";
diff --git a/src/components/CookiesComponent.tsx b/src/components/Cookies.tsx
similarity index 79%
rename from src/components/CookiesComponent.tsx
rename to src/components/Cookies.tsx
index 995c52637081b5bd269bcda0469bd6da6925aa6f..4b17d9fe96bf98abfd2a6098ea46cd8c11dfacd0 100644
--- a/src/components/CookiesComponent.tsx
+++ b/src/components/Cookies.tsx
@@ -1,6 +1,5 @@
 import React from "react";
-// import {CookieNotice} from "gatsby-cookie-notice";
-import CookieConsent, { Cookies } from "react-cookie-consent";
+import CookieConsent, { Cookies as cookie } from "react-cookie-consent";
 
 interface Icookies {
     location?: string,
@@ -13,7 +12,7 @@ interface Icookies {
     decline: any
 }
 
-const CookiesComponent = (props: Icookies) => {
+const Cookies = (props: Icookies) => {
   const {
     location="bottom",
     buttonText="Accepter",
@@ -37,7 +36,7 @@ const CookiesComponent = (props: Icookies) => {
       enableDeclineButton
       onDecline={() => {
         decline()
-        // Cookies.remove("tagManagerCookieName")
+        // cookie.remove("tagManagerCookieName")
       }}
     >
       Nous nous soucions de vos données personnelles et utilisons des cookies afin d’améliorer votre expérience.
@@ -45,4 +44,4 @@ const CookiesComponent = (props: Icookies) => {
   );
 };
 
-export default CookiesComponent;
+export default Cookies;
diff --git a/src/pages-doc/doc/cookies.tsx b/src/pages-doc/doc/cookies.tsx
index 70709f56b578db77f79291d37f2f5b1ef9fe24e5..bd830dc6b0cd35062b83969bc160cf9e4bec7e74 100644
--- a/src/pages-doc/doc/cookies.tsx
+++ b/src/pages-doc/doc/cookies.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Content } from "@onegeo/gatsby-theme-onegeo";
-import { CookiesComponent } from "@onegeo/gatsby-theme-onegeo";
+import { Cookies } from "@onegeo/gatsby-theme-onegeo";
 import { Link } from "gatsby";
 
 
@@ -35,7 +35,7 @@ const cookies = () => {
       <h2>Example</h2>
     </div>
     <div className="flex gap-6 m-4">
-        <CookiesComponent declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
+        <Cookies declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
     </div>
   </Content>
   )
diff --git a/src/pages-doc/doc/core/cookies.tsx b/src/pages-doc/doc/core/cookies.tsx
index 404b6a459c4bd53a288c8eac5c71b7846da9a81c..b2385cdd2d009ef1668de54807d9c7795f79a9a7 100644
--- a/src/pages-doc/doc/core/cookies.tsx
+++ b/src/pages-doc/doc/core/cookies.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Content } from "@onegeo/gatsby-theme-onegeo";
-import { CookiesComponent } from "@onegeo/gatsby-theme-onegeo";
+import { Cookies } from "@onegeo/gatsby-theme-onegeo";
 import { Link } from "gatsby";
 
 
@@ -35,7 +35,7 @@ const cookies = () => {
       <h2>Example</h2>
     </div>
     <div className="flex gap-6 m-4">
-        <CookiesComponent declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
+        <Cookies declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
     </div>
   </Content>
   )