[TM-872] add style in EmptyStateDisplay

wri · Jun 13, 2024 · f6b523e · f6b523e
1 parent c126251
commit f6b523e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/elements/Map-mapbox/MapControls/EmptyStateDisplay.tsx b/src/components/elements/Map-mapbox/MapControls/EmptyStateDisplay.tsx
@@ -5,9 +5,13 @@ import Text from "../../Text/Text";
 const EmptyStateDisplay = () => {
   const t = useT();
   return (
-    <div className="grid gap-2" id="emptystatedisplay">
-      <div className="rounded-lg bg-[#ffffff26] p-3 text-center text-white backdrop-blur-md">
-        <Text variant="text-10-light">{t("Polygons have not been created for this site")}</Text>
+    <div className="absolute left-[56%] top-[43%] z-30 grid gap-2" id="emptystatedisplay">
+      <div className="rounded-lg bg-[#ffffff26] py-3 px-11 text-center text-white backdrop-blur-md">
+        <Text variant="text-10-light">
+          {t("Polygons have not been")}
+          <br />
+          {t("created for this site")}
+        </Text>
       </div>
     </div>
   );