diff --git a/src/components/Loader/index.tsx b/src/components/Loader/index.tsx
index 98f0306..68f7b59 100644
--- a/src/components/Loader/index.tsx
+++ b/src/components/Loader/index.tsx
@@ -1,6 +1,11 @@
+import * as S from './styles';
 import theme from '@/styles/theme';
 import { FidgetSpinnerProps, ThreeDots } from 'react-loader-spinner';
 
 export const Loader = ({ ...rest }: FidgetSpinnerProps) => {
-  return <ThreeDots color={theme.colors.primary} {...rest} />;
+  return (
+    <S.LoaderWrapper>
+      <ThreeDots color={theme.colors.primary} {...rest} />
+    </S.LoaderWrapper>
+  );
 };
diff --git a/src/components/Loader/styles.ts b/src/components/Loader/styles.ts
new file mode 100644
index 0000000..8b94984
--- /dev/null
+++ b/src/components/Loader/styles.ts
@@ -0,0 +1,9 @@
+import { styled } from 'styled-components';
+
+export const LoaderWrapper = styled.div`
+  height: calc(100vh - 63px);
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;