diff --git a/src/common/PulseBox.tsx b/src/common/PulseBox.tsx
index 4703f56..4ac7e6c 100644
--- a/src/common/PulseBox.tsx
+++ b/src/common/PulseBox.tsx
@@ -20,6 +20,7 @@ const useStyles = makeStyles((_theme: Theme) => ({
       animation: '$pulse 2s infinite ease-in-out',
       pointerEvents: 'none',
       boxSizing: 'border-box',
+      transition: "border-color 0.35s ease-in-out",
     },
   },
   '@keyframes pulse': {
diff --git a/src/common/StatusPlenum.tsx b/src/common/StatusPlenum.tsx
index 684b4c4..fb9096e 100644
--- a/src/common/StatusPlenum.tsx
+++ b/src/common/StatusPlenum.tsx
@@ -41,7 +41,7 @@ export default function StatusPlenum(props: Props) {
         setColor(colors[newIndex]); // Use the new index here
         return newIndex;
       });
-    }, 2000);
+    }, 5000);
     
     return () => clearInterval(interval);
   }, []);