diff --git a/components/shared/ellipsis.tsx b/components/shared/ellipsis.tsx
new file mode 100644
index 0000000..6a6f218
--- /dev/null
+++ b/components/shared/ellipsis.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+
+const Ellipsis: React.FC<React.PropsWithChildren<{}>> = ({ children }) => {
+  return (
+    <span>
+      {children}
+      <style jsx>{`
+        span {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          min-width: 0;
+        }
+      `}</style>
+    </span>
+  )
+}
+
+export default React.memo(Ellipsis)