diff --git a/web/packages/shared/components/UnifiedResources/FilterPanel.tsx b/web/packages/shared/components/UnifiedResources/FilterPanel.tsx
index bc386f00d500e..e7463cd565f31 100644
--- a/web/packages/shared/components/UnifiedResources/FilterPanel.tsx
+++ b/web/packages/shared/components/UnifiedResources/FilterPanel.tsx
@@ -87,7 +87,11 @@ export function FilterPanel({
{selected ? 'Deselect all' : 'Select all'}>}
>
-
+
{resourcesFetchAttempt.status === 'failed' && (
-
+ {/* If pinning is hidden, we hide the different tabs to select a view (All resources, pinning).
+ This causes this error box to cover the search bar. If pinning isn't supported, we push down the
+ error by 60px to not hide the search bar.
+ */}
+
{resourcesFetchAttempt.statusText}
{/* we don't want them to try another request with BAD REQUEST, it will just fail again. */}
@@ -378,6 +384,7 @@ export function UnifiedResources(props: UnifiedResourcesProps) {
const $button = (
action(getSelectedResources())}
disabled={disabled}
@@ -584,6 +591,7 @@ const ErrorBoxInternal = styled(Box)`
position: absolute;
left: 0;
right: 0;
+ top: ${props => props.topPadding};
margin: ${props => props.theme.space[1]}px 10% 0 10%;
`;