diff --git a/ui/src/Components/AlertHistory/index.tsx b/ui/src/Components/AlertHistory/index.tsx
index 2b9270bf3..7fcd9acc9 100644
--- a/ui/src/Components/AlertHistory/index.tsx
+++ b/ui/src/Components/AlertHistory/index.tsx
@@ -27,8 +27,9 @@ export const AlertHistory: FC<{ group: APIAlertGroupT }> = ({ group }) => {
   const [upstreams, setUpstreams] = useState<UpstreamT[]>([]);
   const [labels] = useState({ ...group.labels, ...group.shared.labels });
   const { response, error } = useFetchAny<HistoryResponseT>(upstreams);
-  const [cachedResponse, setCachedResponse] =
-    useState<HistoryResponseT | null>(null);
+  const [cachedResponse, setCachedResponse] = useState<HistoryResponseT | null>(
+    null
+  );
   const [minMaxValue, setMinMaxValue] = useState<minMaxT>({
     minValue: 0,
     maxValue: 0,
diff --git a/ui/src/Components/TooltipWrapper/index.tsx b/ui/src/Components/TooltipWrapper/index.tsx
index 10351a7c2..c96d2dca6 100644
--- a/ui/src/Components/TooltipWrapper/index.tsx
+++ b/ui/src/Components/TooltipWrapper/index.tsx
@@ -12,8 +12,9 @@ const TooltipWrapper: FC<{
   children: ReactNode;
   className?: string;
 }> = ({ title, children, className }) => {
-  const [referenceElement, setReferenceElement] =
-    useState<HTMLElement | null>(null);
+  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(
+    null
+  );
   const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);
   const { styles, attributes } = usePopper(referenceElement, popperElement, {
     placement: "top",