diff --git a/src/ts/containers/test/layout/LeftMenu.tsx b/src/ts/containers/test/layout/LeftMenu.tsx
index 19b59ba..0604d4a 100644
--- a/src/ts/containers/test/layout/LeftMenu.tsx
+++ b/src/ts/containers/test/layout/LeftMenu.tsx
@@ -35,8 +35,8 @@ export class LeftMenu extends React.Component<any, any> {
                 <Header inverted sub icon='bar graph' content='Monitoring' />
               </Menu.Header>
               <Menu.Menu>
-                <Menu.Item href='#/test14' style={{'margin-left':'30px'}}>Probe</Menu.Item>
-                <Menu.Item href='/' style={{'margin-left':'30px'}}>Sensors</Menu.Item>
+                <Menu.Item href='#/test14' style={{'marginLeft':'30px'}}>Probe</Menu.Item>
+                <Menu.Item href='/' style={{'marginLeft':'30px'}}>Sensors</Menu.Item>
               </Menu.Menu>
             </Menu.Item>
 
@@ -45,8 +45,8 @@ export class LeftMenu extends React.Component<any, any> {
                 <Header inverted sub icon='sitemap' content='Infrastructure' />
               </Menu.Header>
               <Menu.Menu>
-                <Menu.Item href='/' style={{'margin-left':'30px'}}>Maps</Menu.Item>
-                <Menu.Item href='/' style={{'margin-left':'30px'}}>Targets</Menu.Item>
+                <Menu.Item href='/' style={{'marginLeft':'30px'}}>Maps</Menu.Item>
+                <Menu.Item href='/' style={{'marginLeft':'30px'}}>Targets</Menu.Item>
               </Menu.Menu>
             </Menu.Item>
 
diff --git a/src/ts/containers/test/layout/LogoBar.tsx b/src/ts/containers/test/layout/LogoBar.tsx
index 636d149..718c1ef 100644
--- a/src/ts/containers/test/layout/LogoBar.tsx
+++ b/src/ts/containers/test/layout/LogoBar.tsx
@@ -19,7 +19,7 @@ export class LogoBar extends React.Component<any, any> {
 
   render() {
     return (
-      <Container fluid style={{background:'#f8f8f8', 'padding-right':'7px'}}>
+      <Container fluid style={{background:'#f8f8f8', 'paddingRight':'7px'}}>
         <Menu borderless secondary >
           <Menu.Item name='logo'>
             <Image src='https://lh3.googleusercontent.com/EaEViB7RYr3Rhhez8zY0TYsNsS5Rv2i63kyiQ5ym0rhQh38KRXBh7BDFo4mjDTDU_Hm6FAVg35247ZM1wE6cO-TuBP4wxYW2SG4hYoojqkUomu587xg3t50VGUSceK17-LUZhM-5XoCsXUXBHtfXVMqMZ2rUb23tgm7Kuv7eTgZZz0o9_dB0lApoi57EBVBNX8_qIDSH3YmGfvqhnKeh5AYnnBG_QXlTg1JExwtMehCe8KgXs4-vLuVicPCCuJ2AXSoWFpVXL9TVhrrMOkeuGd-6PGAFiNxeTG6NylQKwbQikx3Mx7KmGq3iSc8mqp0AmwjptG2DtS7nqwNaAZAi1DtraHYgJcE_tfpEgnZfFSWmVYQYcUe98pfZR11OfJErdJxE3w-mL1b4MoyufB0VkSlFM1BpMlfP3OsnnDIdNAXthT6MuLtI2iLv_CNeoDKi3fdH-zIcSmoArgAFrAo0-9oYUfvQDdaC_8MMddc97b_L78fzFOPRGIf52Ajr-Ia6sjdyDFdJ46-wPKfMW8XHnFfA96NsIcA-HYRZ7GTteJOzVq6HEabwnurZdTxdmCjzGHcb7OEu00DkVMhM6WbWZ0L8HWpIk92sy-sKbprHe-9oh_9WaxJzPrlG=w180-h30-no' 
diff --git a/src/ts/containers/test/layout/TitleBar.tsx b/src/ts/containers/test/layout/TitleBar.tsx
index 5f47d1e..e9cb26f 100644
--- a/src/ts/containers/test/layout/TitleBar.tsx
+++ b/src/ts/containers/test/layout/TitleBar.tsx
@@ -25,7 +25,7 @@ export class TitleBar extends React.Component<any, any> {
       },
     ];
     return (
-      <Menu fluid style={{'border-left':'0px', 'border-right':'0px', 'box-shadow':'none', 'border-radius':'0', margin:'0'}}>
+      <Menu fluid style={{'borderLeft':'0px', 'borderRight':'0px', 'boxShadow':'none', 'borderRadius':'0', margin:'0'}}>
         <Menu.Item name='Page Title' style={{width:'250px'}}>
           <Header as='h3'>Page Title
             <Header.Subheader>