diff --git a/src/components/common/ViewportAwareButton.js b/src/components/common/ViewportAwareButton.tsx
similarity index 78%
rename from src/components/common/ViewportAwareButton.js
rename to src/components/common/ViewportAwareButton.tsx
index 3a318dd3..4b2aa2a1 100644
--- a/src/components/common/ViewportAwareButton.js
+++ b/src/components/common/ViewportAwareButton.tsx
@@ -9,7 +9,15 @@ import { Button } from 'reactstrap';
 /** --------Optional props--------
  * any props you would apply to a reactstrap Button.
  */
-const ViewportAwareButton = function (props) {
+
+interface ViewportAwareButtonProps{
+  icon: React.JSX.Element,
+  text: string,
+  isSmall: boolean,
+  remainder: any,
+};
+
+const ViewportAwareButton = function (props : ViewportAwareButtonProps) {
   // extract icon and text from props.
   const {
     icon, text, isSmall, ...remainder