diff --git a/frontend/public/index.html b/frontend/public/index.html
index dc5f765..f775733 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -11,6 +11,10 @@
 		<link rel=”shortcut icon” href=”%PUBLIC_URL%/favicon.ico”>
 		<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
 		<meta name="theme-color" content="#000000" />
+		<meta
+			name="viewport"
+			content="minimum-scale=1, initial-scale=1, width=device-width"
+		/>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/frontend/src/components/TicketListItem/index.js b/frontend/src/components/TicketListItem/index.js
index 62f2944..307ac0e 100644
--- a/frontend/src/components/TicketListItem/index.js
+++ b/frontend/src/components/TicketListItem/index.js
@@ -19,6 +19,7 @@ import { i18n } from "../../translate/i18n";
 import api from "../../services/api";
 import ButtonWithSpinner from "../ButtonWithSpinner";
 import MarkdownWrapper from "../MarkdownWrapper";
+import { Tooltip } from "@material-ui/core";
 
 const useStyles = makeStyles(theme => ({
 	ticket: {
@@ -147,10 +148,16 @@ const TicketListItem = ({ ticket }) => {
 					[classes.pendingTicket]: ticket.status === "pending",
 				})}
 			>
-				<span
-					style={{ backgroundColor: ticket.queue?.color }}
-					className={classes.ticketQueueColor}
-				></span>
+				<Tooltip
+					arrow
+					placement="right"
+					title={ticket.queue?.name || "Sem fila"}
+				>
+					<span
+						style={{ backgroundColor: ticket.queue?.color || "#7C7C7C" }}
+						className={classes.ticketQueueColor}
+					></span>
+				</Tooltip>
 				<ListItemAvatar>
 					<Avatar
 						src={ticket.contact.profilePicUrl && ticket.contact.profilePicUrl}
