diff --git a/src/containers/guest-home-page/google-login/GoogleLogin.styles.js b/src/containers/guest-home-page/google-login/GoogleLogin.styles.ts
similarity index 95%
rename from src/containers/guest-home-page/google-login/GoogleLogin.styles.js
rename to src/containers/guest-home-page/google-login/GoogleLogin.styles.ts
index ba0270263..a62e0fa0b 100644
--- a/src/containers/guest-home-page/google-login/GoogleLogin.styles.js
+++ b/src/containers/guest-home-page/google-login/GoogleLogin.styles.ts
@@ -34,6 +34,6 @@ export const styles = {
   googleForm: {
     display: 'flex',
     flexDirection: 'column',
-    minWidth: { sm: '330px' }
+    minWidth: '330px'
   }
 }
diff --git a/src/containers/guest-home-page/google-login/GoogleLogin.jsx b/src/containers/guest-home-page/google-login/GoogleLogin.tsx
similarity index 90%
rename from src/containers/guest-home-page/google-login/GoogleLogin.jsx
rename to src/containers/guest-home-page/google-login/GoogleLogin.tsx
index b20117f82..1bb46ba66 100644
--- a/src/containers/guest-home-page/google-login/GoogleLogin.jsx
+++ b/src/containers/guest-home-page/google-login/GoogleLogin.tsx
@@ -8,8 +8,19 @@ import LoginDialog from '~/containers/guest-home-page/login-dialog/LoginDialog'
 import GoogleButton from '~/containers/guest-home-page/google-button/GoogleButton'
 
 import { styles } from '~/containers/guest-home-page/google-login/GoogleLogin.styles'
+import { UserRole } from '~/types'
 
-const GoogleLogin = ({ type, buttonWidth, role }) => {
+interface GoogleLoginProps {
+  type: 'signup' | 'login'
+  buttonWidth: string
+  role: UserRole
+}
+
+const GoogleLogin: React.FC<GoogleLoginProps> = ({
+  type,
+  buttonWidth,
+  role
+}) => {
   const { t, i18n } = useTranslation()
   const { whatCanYouDo } = guestRoutes.navBar
   const { openModal, closeModal } = useModalContext()