diff --git a/src/browser/overlay.js b/src/browser/overlay.js
index 7c14438..fd133fd 100644
--- a/src/browser/overlay.js
+++ b/src/browser/overlay.js
@@ -34,7 +34,9 @@ function Overlay({ spaces, streamData }) {
{data && (
- {data.Source} – {data.City} {data.State}
+
+ {data.Source} – {data.City} {data.State}
+
)}
{isLoading && }
@@ -91,6 +93,8 @@ function StreamIcon({ url, ...props }) {
const SpaceBorder = styled.div.attrs((props) => ({
borderWidth: 2,
}))`
+ display: flex;
+ align-items: flex-start;
position: fixed;
left: ${({ pos }) => pos.x}px;
top: ${({ pos }) => pos.y}px;
@@ -127,6 +131,13 @@ const StreamTitle = styled.div`
isListening ? 'rgba(255, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.5)'};
border-radius: 4px;
backdrop-filter: blur(10px);
+ overflow: hidden;
+
+ span {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
svg {
width: 1.25em;