diff --git a/tgui/packages/tgui-panel/ping/PingIndicator.jsx b/tgui/packages/tgui-panel/ping/PingIndicator.jsx
index ba30a5dd8f32..1f46066f3b15 100644
--- a/tgui/packages/tgui-panel/ping/PingIndicator.jsx
+++ b/tgui/packages/tgui-panel/ping/PingIndicator.jsx
@@ -26,7 +26,6 @@ export const PingIndicator = (props) => {
       width="50px"
       className="Ping"
       color="transparent"
-      hover
       py="0.125em" // Override what light theme does to this
       px="0.25em" // Override what light theme does to this
       tooltip="Ping relays"
diff --git a/tgui/packages/tgui/components/ColorBox.tsx b/tgui/packages/tgui/components/ColorBox.tsx
index b2cb6ddf37d0..01137298a0d5 100644
--- a/tgui/packages/tgui/components/ColorBox.tsx
+++ b/tgui/packages/tgui/components/ColorBox.tsx
@@ -17,7 +17,7 @@ type Props = {
 export function ColorBox(props: Props) {
   const { content, children, className, ...rest } = props;
 
-  rest.color = content ? null : 'default';
+  rest.color = content ? 'default' : 'transparent';
   rest.backgroundColor = props.color || 'default';
 
   return (