diff --git a/src/components/widgets/datetime/datetime.jsx b/src/components/widgets/datetime/datetime.jsx
index 0a6ac87d6..a7aec5dab 100644
--- a/src/components/widgets/datetime/datetime.jsx
+++ b/src/components/widgets/datetime/datetime.jsx
@@ -33,10 +33,7 @@ export default function DateTime({ options }) {
   return (
     <Container options={options} additionalClassNames="information-widget-datetime">
       <Raw>
-        <div
-          onClick={() => (options.href ? window.location.assign(options.href) : [])}
-          className="flex flex-row items-center grow justify-end"
-        >
+        <div className="flex flex-row items-center grow justify-end">
           <span className={`text-theme-800 dark:text-theme-200 tabular-nums ${textSizes[textSize || "lg"]}`}>
             {date}
           </span>
diff --git a/src/components/widgets/widget/container.jsx b/src/components/widgets/widget/container.jsx
index c8241d8f4..086d808d1 100644
--- a/src/components/widgets/widget/container.jsx
+++ b/src/components/widgets/widget/container.jsx
@@ -56,13 +56,19 @@ export function getBottomBlock(children) {
 }
 
 export default function Container({ children = [], options, additionalClassNames = "" }) {
-  return (
-    <div
-      onClick={() => (options.href ? window.location.assign(options.href) : [])}
+  return options.href ? (
+    <a
+      href={options.href}
+      target={options.target ?? "_self"}
       className={getAllClasses(options, `${additionalClassNames} widget-container`)}
     >
       {getInnerBlock(children)}
       {getBottomBlock(children)}
+    </a>
+  ) : (
+    <div className={getAllClasses(options, `${additionalClassNames} widget-container`)}>
+      {getInnerBlock(children)}
+      {getBottomBlock(children)}
     </div>
   );
 }