diff --git a/src/ErrorLogger/customStyles.js b/src/ErrorLogger/customStyles.js
deleted file mode 100644
index 0323a3c9..00000000
--- a/src/ErrorLogger/customStyles.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-
-export const CustomStylesWrapper = styled.div`
-.errorHeader{
-};
-.errorDisplay{
-};
-.errorBarArrow{
-};
-.errorComponent{
-};
-.errorFile{
-};
-.errorArrowDivExpanded{
-};
-.errorArrowDivCollapsed{
-};
-.errorType{
-};
-.errorShortMessage{
-};
-.errorFullMessage{
-};
-`
\ No newline at end of file
diff --git a/src/ErrorLogger/index.js b/src/ErrorLogger/index.js
index 389a419f..751c6760 100644
--- a/src/ErrorLogger/index.js
+++ b/src/ErrorLogger/index.js
@@ -11,9 +11,6 @@ import * as SC from './styles';
 /* Component */
 import ErrorComponent from './Error';
 
-/** classNames exposed for user-defined styling */
-import {CustomStylesWrapper} from './customStyles';
-
 const ErrorLogger = (props) => {
   const { errors, errorNav } = props;
   const errorLength = Object.keys(errors).length ? Object.keys(errors).length : 0;
@@ -51,7 +48,7 @@ const ErrorLogger = (props) => {
       key={ACT.keySwitchCase(errorValue)} />);
 
   return (
-    <CustomStylesWrapper>
+    <div>
       {errorsVisible
         && <SC.ErrorDisplay {...displayProps} className='errorDisplay'>
             {errorComponentGenerator(errors)}
@@ -63,7 +60,7 @@ const ErrorLogger = (props) => {
         {ACT.errorArrayLength(errors)} {ACT.isMultipleErrors(errors)}
         <SC.ErrorBarArrow {...barArrowProps} className='errorBarArrow'/>
       </SC.ErrorsHeader>
-    </CustomStylesWrapper>
+    </div>
   );
 };
 
diff --git a/src/Navigation/customStyles.js b/src/Navigation/customStyles.js
deleted file mode 100644
index bc9eb08f..00000000
--- a/src/Navigation/customStyles.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import styled from 'styled-components';
-
-export const CustomStylesWrapper = styled.div`
-.navigation{
-};
-.navTitleActive{
-}
-.navTitleInactive{
-}
-.navHeaderClause{
-}
-.navHeaderH1{
-}
-.navHeaderH2{
-}
-.navHeaderH3{
-}
-`
\ No newline at end of file
diff --git a/src/Navigation/index.js b/src/Navigation/index.js
index 28874cc1..5602b400 100644
--- a/src/Navigation/index.js
+++ b/src/Navigation/index.js
@@ -13,9 +13,6 @@ import ContractNavigation from './Contract';
 import FilesNavigation from './Files';
 import ComponentSwitch from './ComponentSwitch';
 
-/** classNames exposed for user-defined styling */
-import {CustomStylesWrapper} from './customStyles';
-
 /**
  * Represents the overall navigation wrapper, consisting of
  * two separate components, navigating between headers of the
@@ -50,12 +47,10 @@ const NavigationComponent = (props) => {
   };
 
   return (
-    <CustomStylesWrapper>
     <NavigationWrapper {...navigationWrapperProps} >
         <ComponentSwitch {...switchProps} />
         {navigationGenerator(props)}
     </NavigationWrapper>
-    </CustomStylesWrapper>
   );
 };
 
diff --git a/src/TemplateLibrary/customStyles.js b/src/TemplateLibrary/customStyles.js
deleted file mode 100644
index 6975d9ec..00000000
--- a/src/TemplateLibrary/customStyles.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import styled from 'styled-components';
-
-export const CustomStylesWrapper = styled.div`
-.templateListTitle{
-};
-.templateSearchInput{
-};
-.templateCardsDiv{
-};
-.templateCard{
-};
-.templateCardTitle{
-};
-.templateCardDesc{
-};
-.templateActions{
-};
-.templateAddToContractButton{
-};
-.templateDetailsButton{
-};
-.templateImportButton{
-};
-.templateUploadButton{
-};
-.addTemplateButton{
-};
-`
\ No newline at end of file
diff --git a/src/TemplateLibrary/index.js b/src/TemplateLibrary/index.js
index 00e41ab4..94ba399d 100644
--- a/src/TemplateLibrary/index.js
+++ b/src/TemplateLibrary/index.js
@@ -13,9 +13,6 @@ import isQueryMatch from '../utilities/isQueryMatch';
 import TemplateCard from './Components/TemplateCard';
 import { ImportComponent, UploadComponent, NewClauseComponent } from './Buttons';
 
-/** classNames exposed for user-defined styling */
-import {CustomStylesWrapper} from './customStyles';
-
 const TemplatesWrapper = styled.div`
   font-family: 'IBM Plex Sans', sans-serif;
   position: relative;
@@ -124,7 +121,6 @@ const TemplateLibraryComponent = (props) => {
   const filtered = filterTemplates(props.templates);
 
   return (
-    <CustomStylesWrapper>
       <TemplatesWrapper>
         <Header>
           <HeaderTitle className='templateListTitle' >Clause Templates</HeaderTitle>
@@ -152,7 +148,6 @@ const TemplateLibraryComponent = (props) => {
           ))}
         </TemplateCards> : <p style={{ textAlign: 'center' }}>No results found</p>}
       </TemplatesWrapper>
-      </CustomStylesWrapper>
   );
 };