diff --git a/components/atoms/Footer.tsx b/components/atoms/Footer.tsx
index 4edf6d75..e9b860bc 100644
--- a/components/atoms/Footer.tsx
+++ b/components/atoms/Footer.tsx
@@ -15,11 +15,13 @@ export default ({ Center, Left, Right, style }: Props) => (
 	</View>
 )
 
+export const FOOTER_HEIGHT = 56
+
 const styles = StyleSheet.create({
 	container: {
 		flexDirection: "row",
 		marginHorizontal: 30,
-		height: 56,
+		height: FOOTER_HEIGHT,
 		alignItems: "center",
 		justifyContent: "space-between",
 	},
diff --git a/components/atoms/index.ts b/components/atoms/index.ts
index 7fc73af8..f40f7157 100644
--- a/components/atoms/index.ts
+++ b/components/atoms/index.ts
@@ -12,6 +12,6 @@ export { default as Header } from "./Header"
 export { default as GradientText } from "./GradientText"
 export { default as Switch } from "./Switch"
 export { default as Loader } from "./Loader"
-export { default as Footer } from "./Footer"
+export { default as Footer, FOOTER_HEIGHT } from "./Footer"
 export { default as Agreement } from "./Agreement"
 export { default as Shadow } from "./Shadow"