diff --git a/source/Options/Options.tsx b/source/Options/Options.tsx
index 7ad0fae..20babe9 100644
--- a/source/Options/Options.tsx
+++ b/source/Options/Options.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import './styles.scss';
 
@@ -7,12 +7,12 @@ const Options: React.FC = () => {
     <div>
       <form>
         <p>
-          <label htmlFor="name">Name</label>
+          <label htmlFor="username">Your Name</label>
           <br />
           <input
             type="text"
-            id="name"
-            name="name"
+            id="username"
+            name="username"
             spellCheck="false"
             autoComplete="off"
             required
@@ -23,6 +23,8 @@ const Options: React.FC = () => {
             <input type="checkbox" name="logging" /> Show the features enabled
             on each page in the console
           </label>
+
+          <p>cool cool cool</p>
         </p>
       </form>
     </div>
diff --git a/source/Options/index.tsx b/source/Options/index.tsx
index 1d8bed4..b20aee0 100644
--- a/source/Options/index.tsx
+++ b/source/Options/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import ReactDOM from 'react-dom';
 
 import Options from './Options';
diff --git a/source/Popup/Popup.tsx b/source/Popup/Popup.tsx
index 498229f..bb79e46 100644
--- a/source/Popup/Popup.tsx
+++ b/source/Popup/Popup.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import {browser, Tabs} from 'webextension-polyfill-ts';
 
 import './styles.scss';
diff --git a/source/Popup/index.tsx b/source/Popup/index.tsx
index 17939b0..90b0950 100644
--- a/source/Popup/index.tsx
+++ b/source/Popup/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import ReactDOM from 'react-dom';
 
 import Popup from './Popup';