diff --git a/src/components/common/OpenPanelButton.js b/src/components/common/OpenPanelButton.tsx
similarity index 80%
rename from src/components/common/OpenPanelButton.js
rename to src/components/common/OpenPanelButton.tsx
index de36f441..b6dd737f 100644
--- a/src/components/common/OpenPanelButton.js
+++ b/src/components/common/OpenPanelButton.tsx
@@ -7,7 +7,12 @@ import React from 'react';
  * togglePanel: function to call when you want the Profile Panel to disappear/reappear
  */
 
-const OpenPanelButton = function ({ panelOpen, togglePanel }) {
+interface OpenPanelButtonProps {
+  panelOpen: boolean;
+  togglePanel: () => void;
+}
+
+const OpenPanelButton = function ({ panelOpen, togglePanel }: OpenPanelButtonProps) {
   // if the left panel is closed, show nothing
   // otherwise show hamburger icon
   if (panelOpen) {
diff --git a/src/components/common/containers/OpenPanelButtonContainer.js b/src/components/common/containers/OpenPanelButtonContainer.js
index dbeb110f..a9b09a89 100644
--- a/src/components/common/containers/OpenPanelButtonContainer.js
+++ b/src/components/common/containers/OpenPanelButtonContainer.js
@@ -1,6 +1,6 @@
 import { connect } from 'react-redux';
-import { togglePanel } from '../../../actions/uiActions.js';
-import OpenPanelButton from '../OpenPanelButton.js';
+import { togglePanel } from '../../../actions/uiActions';
+import OpenPanelButton from '../OpenPanelButton';
 
 const mapStateToProps = (state) => ({
   panelOpen: state.ui.panelOpen,
@@ -10,9 +10,6 @@ const mapDispatchToProps = (dispatch) => ({
   togglePanel: () => dispatch(togglePanel()),
 });
 
-const OpenPanelButtonContainer = connect(
-  mapStateToProps,
-  mapDispatchToProps,
-)(OpenPanelButton);
+const OpenPanelButtonContainer = connect(mapStateToProps, mapDispatchToProps)(OpenPanelButton);
 
 export default OpenPanelButtonContainer;