diff --git a/ui/src/overridableMapping.js b/ui/src/overridableMapping.js
index a76502acb..94378d921 100644
--- a/ui/src/overridableMapping.js
+++ b/ui/src/overridableMapping.js
@@ -24,6 +24,7 @@ import { LiteratureKeyword } from "./overridden/frontsite/Document/DocumentDetai
 import { Identifiers } from "./overridden/frontsite/Document/DocumentDetails/DocumentMetadataTabs/Identifiers";
 import { DocumentConference } from "./overridden/frontsite/Document/DocumentDetails/DocumentMetadataTabs/DocumentConference";
 import { DocumentItemsHeader } from "./overridden/frontsite/Document/DocumentDetails/DocumentItemsHeader";
+import { OpeningHoursDetails } from "./overridden/frontsite/OpeningHours/OpeningHoursDetails";
 
 export const overriddenCmps = {
   "Backoffice.PatronDetails.Metadata": PatronMetadata,
@@ -50,4 +51,5 @@ export const overriddenCmps = {
   "DocumentMetadataTabs.Identifiers": Identifiers,
   "DocumentConference.layout": DocumentConference,
   "DocumentDetails.DocumentItems.header": DocumentItemsHeader,
+  "OpeningHours.details": OpeningHoursDetails,
 };
diff --git a/ui/src/overridden/frontsite/OpeningHours/OpeningHoursDetails.js b/ui/src/overridden/frontsite/OpeningHours/OpeningHoursDetails.js
new file mode 100644
index 000000000..0e37740c0
--- /dev/null
+++ b/ui/src/overridden/frontsite/OpeningHours/OpeningHoursDetails.js
@@ -0,0 +1,24 @@
+import React from "react";
+import { Header, Message } from "semantic-ui-react";
+
+export const OpeningHoursDetails = () => {
+  return (
+    <>
+      <Header as="h2">Opening hours</Header>
+      <Message info>
+        <Message.Content>
+          The CERN community can access the library, located in <b>52/1-052, </b>
+          <b>
+            <u>24/7</u>
+          </b>
+          !
+          <br />
+          Staff is available to help at the Library and Bookshop Welcome Desk, located
+          in
+          <b> 52/1-054</b>, open as per the schedule below :
+          <br />
+        </Message.Content>
+      </Message>
+    </>
+  );
+};