diff --git a/src/components/services/item.jsx b/src/components/services/item.jsx
index 957f456aa..fffc68068 100644
--- a/src/components/services/item.jsx
+++ b/src/components/services/item.jsx
@@ -21,14 +21,19 @@ function resolveIcon(icon) {
 
 export default function Item({ service }) {
   return (
-    <li key={service.name} className="">
+    <li key={service.name}>
       <Disclosure>
-        <div className="transition-all h-15 overflow-hidden mb-3 cursor-pointer p-1 rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/40 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10">
+        <div className={
+          (service.href && service.href !== "#" ? 'cursor-pointer ' : 'cursor-default ') +
+          'transition-all h-15 overflow-hidden mb-3 p-1 rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/40 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10'
+          }>
           <div className="flex">
             {service.icon && (
               <div
                 onClick={() => {
-                  window.open(service.href, "_blank").focus();
+                  if (service.href && service.href !== "#") {
+                    window.open(service.href, "_blank").focus();
+                  }
                 }}
                 className="flex-shrink-0 flex items-center justify-center w-12 "
               >
@@ -38,7 +43,9 @@ export default function Item({ service }) {
 
             <div
               onClick={() => {
-                window.open(service.href, "_blank").focus();
+                if (service.href && service.href !== "#") {
+                  window.open(service.href, "_blank").focus();
+                }
               }}
               className="flex-1 flex items-center justify-between rounded-r-md "
             >
@@ -48,7 +55,7 @@ export default function Item({ service }) {
               </div>
             </div>
             {service.container && (
-              <Disclosure.Button as="div" className="flex-shrink-0 flex items-center justify-center w-12 ">
+              <Disclosure.Button as="div" className="flex-shrink-0 flex items-center justify-center w-12 cursor-pointer">
                 <Status service={service} />
               </Disclosure.Button>
             )}