diff --git a/ui/components/tooltip.js b/ui/components/tooltip.js
new file mode 100644
index 0000000..89ea68d
--- /dev/null
+++ b/ui/components/tooltip.js
@@ -0,0 +1,22 @@
+import styled from 'styled-components'
+import MediaQuery from '../kit/media'
+
+export default styled.div`
+  position: absolute;
+  bottom: 35px;
+  font-size: 0.9em;
+  background-color: rgba(0,0,0,0.50);
+  padding: 5px;
+  color: var(--c-red);
+  border-radius: 3px;
+  border: 1px black solid;
+  z-index: 10;
+  opacity: 0.99;
+  overflow: auto;
+  pointer-events: none;
+  /* max-width: 50vw; */
+  white-space: normal;
+  ${() => MediaQuery({ md: `
+    white-space: nowrap;  `
+  })}
+`