diff --git a/app/components/Flex.tsx b/app/components/Flex.tsx
index f61e01b52..ba3afef95 100644
--- a/app/components/Flex.tsx
+++ b/app/components/Flex.tsx
@@ -1,18 +1,9 @@
+import { CSSProperties } from "react";
 import styled from "styled-components";
 
-type JustifyValues =
-  | "center"
-  | "space-around"
-  | "space-between"
-  | "flex-start"
-  | "flex-end";
+type JustifyValues = CSSProperties["justifyContent"];
 
-type AlignValues =
-  | "stretch"
-  | "center"
-  | "baseline"
-  | "flex-start"
-  | "flex-end";
+type AlignValues = CSSProperties["alignItems"];
 
 const Flex = styled.div<{
   auto?: boolean;