diff --git a/ui/src/shared/functions.js b/ui/src/shared/functions.js
index 57818b4a..c8c1512b 100644
--- a/ui/src/shared/functions.js
+++ b/ui/src/shared/functions.js
@@ -22,16 +22,16 @@ const generateFonts = (fontFamilies, fontFilenames) => {
     fontCSS += `
       @font-face {
         font-family: ${fontFamily};
-        src: url(${pathToFont}${fontFilenames[i]}.eot);
-        src: url(${pathToFont}${fontFilenames[i]}.eot?#iefix) 
+        src: url(${pathToFont + fontFilenames[i]}.eot);
+        src: url(${pathToFont + fontFilenames[i]}.eot?#iefix) 
              format('embedded-opentype');
-        src: url(${pathToFont}${fontFilenames[i]}.woff) 
+        src: url(${pathToFont + fontFilenames[i]}.woff) 
              format('woff');
-        src: url(${pathToFont}${fontFilenames[i]}.woff2) 
+        src: url(${pathToFont + fontFilenames[i]}.woff2) 
              format('woff2');
-        src: url(${pathToFont}${fontFilenames[i]}.ttf) 
+        src: url(${pathToFont + fontFilenames[i]}.ttf) 
              format('truetype');
-        src: url(${pathToFont}${fontFilenames[i]}.svg#${fontFamily}) 
+        src: url(${pathToFont + fontFilenames[i]}.svg#${fontFamily}) 
              format('svg');
         font-weight: normal;
         font-style: normal;  
diff --git a/ui/stories/index.js b/ui/stories/index.js
index 61e1882b..23d73418 100644
--- a/ui/stories/index.js
+++ b/ui/stories/index.js
@@ -66,7 +66,7 @@ const styles = {
 
 storiesOf('Grid', module)
   .add('Row and Column', () => (
-    <Base data-id="base">
+    <Base>
       <Container fluid>
         <Row>
           <Column