diff --git a/src/ErrorLogger/index.js b/src/ErrorLogger/index.js
index 751c6760..a279883f 100644
--- a/src/ErrorLogger/index.js
+++ b/src/ErrorLogger/index.js
@@ -48,7 +48,7 @@ const ErrorLogger = (props) => {
       key={ACT.keySwitchCase(errorValue)} />);
 
   return (
-    <div>
+    <div className='ciceroUI'>
       {errorsVisible
         && <SC.ErrorDisplay {...displayProps} className='errorDisplay'>
             {errorComponentGenerator(errors)}
diff --git a/src/Navigation/index.js b/src/Navigation/index.js
index 5602b400..43361a32 100644
--- a/src/Navigation/index.js
+++ b/src/Navigation/index.js
@@ -26,7 +26,8 @@ const NavigationComponent = (props) => {
   const filesState = () => navState === FILES;
 
   const navigationWrapperProps = {
-    id: 'NavigationWrapperComponent'
+    id: 'NavigationWrapperComponent',
+    className : 'ciceroUI'
   };
 
   const switchProps = {
diff --git a/src/TemplateLibrary/index.js b/src/TemplateLibrary/index.js
index 93f39f4a..8c2b0133 100644
--- a/src/TemplateLibrary/index.js
+++ b/src/TemplateLibrary/index.js
@@ -121,7 +121,7 @@ const TemplateLibraryComponent = (props) => {
   const filtered = filterTemplates(props.templates);
 
   return (
-      <TemplatesWrapper>
+      <TemplatesWrapper className='ciceroUI'>
         <Header>
           <HeaderTitle className='templateListTitle' >Clause Templates</HeaderTitle>
           <HeaderImports>