diff --git a/components/skeleton/skeleton-chain-list.tsx b/components/skeleton/skeleton-chain-list.tsx index f83ab5f..02536d5 100644 --- a/components/skeleton/skeleton-chain-list.tsx +++ b/components/skeleton/skeleton-chain-list.tsx @@ -27,8 +27,8 @@ import { } from "../chain-list"; export const SkeletonChainList: FunctionComponent = () => ( - - + + @@ -48,84 +48,85 @@ export const SkeletonChainList: FunctionComponent = () => ( + - - - + + + - - - - - - - - - - + + + + + + + + + + - + - - - - - - - - - + + + + + + + + + - + - - - - - - - - - + + + + + + + + + - + - - - - - - - - - + + + + + + + + + - + - - - - - - - - - + + + + + + + + + - - + + - - - - - - - + + + + + + ); const SkeletonContainer = styled.div` - padding: 2.4rem 0; + width: 100%; + padding-top: 2.4rem; `; const SkeletonTitle = styled.div` diff --git a/pages/_app.tsx b/pages/_app.tsx index d48b350..a2bfb1a 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -3,7 +3,6 @@ import { useRouter } from "next/router"; import React, { useMemo } from "react"; import { DefaultTheme, ThemeProvider } from "styled-components"; import ErrorBoundary from "../components/error-boundary"; -import { PageBackground } from "../styles/background"; import { GlobalStyle } from "../styles/global"; @@ -29,9 +28,7 @@ export default function App({ Component, pageProps }: AppProps) { - - - +