fix 5

ui/home/LatestTxsNotice.tsx

-import { Alert, Spinner, Text, Link, useColorModeValue } from '@chakra-ui/react';
+import { Alert, Spinner, Text, Link, useColorModeValue, useTheme } from '@chakra-ui/react';
+import { transparentize } from '@chakra-ui/theme-tools';
 import React from 'react';
 
 import useNewTxsSocket from 'lib/hooks/useNewTxsSocket';
@@ -33,13 +34,14 @@ const LatestTxsNotice = ({ className }: Props) => {
     );
   }
 
+  const theme = useTheme();
   return (
     <Alert
       className={ className }
       status="warning"
       p={ 4 }
       fontWeight={ 400 }
-      bgColor={ useColorModeValue('orange.50', 'rgba(251, 211, 141, 0.16)') }
+      bgColor={ useColorModeValue('orange.50', transparentize('orange.200', 0.16)(theme)) }
       borderBottomRadius={ 0 }
     >
       { content }

ui/shared/Page/Page.tsx

@@ -39,9 +39,9 @@ const Page = ({
 
   const renderErrorScreen = React.useCallback(() => {
     return wrapChildren ?
-      <PageContent><AppError statusCode={ 500 } mt="50px"/></PageContent> :
+      <PageContent hasSearch={ hasSearch }><AppError statusCode={ 500 } mt="50px"/></PageContent> :
       <AppError statusCode={ 500 }/>;
-  }, [ wrapChildren ]);
+  }, [ wrapChildren, hasSearch ]);
 
   const renderedChildren = wrapChildren ? (
     <PageContent hasSearch={ hasSearch }>{ children }</PageContent>