diff --git a/src/components/form/fields/Map.tsx b/src/components/form/fields/Map.tsx
index f25eba6..218b975 100644
--- a/src/components/form/fields/Map.tsx
+++ b/src/components/form/fields/Map.tsx
@@ -31,7 +31,7 @@ const style = {
 };
 
 const ErrorMessage = styled.div`
-  color: ${(props) => props.theme.themeColors.danger};
+  color: ${(props) => props.theme['themecolors-danger']};
   margin-top: 0.25rem;
   font-size: 80%;
 `;
diff --git a/src/components/form/partitions/Location.tsx b/src/components/form/partitions/Location.tsx
index 9fb1de0..4808556 100644
--- a/src/components/form/partitions/Location.tsx
+++ b/src/components/form/partitions/Location.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import { FormikValues } from 'formik';
 import { Row, Col } from 'reactstrap';
 import get from 'lodash/get';
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index e780edb..373800d 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -53,7 +53,7 @@ const NavbarRow = styled(Navbar)`
 `;
 
 const TopNavbar = styled(Navbar)`
-  background-color: ${(props) => props.theme.colors.helWhite};
+  background-color: ${(props) => props.theme.helWhite};
   border-bottom: 1px solid ${(props) => props.theme.helGray};
   padding: 0.5rem 0;