diff --git a/src/App.jsx b/src/App.jsx
index 5c8c0c7e3..bf142a1aa 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,4 @@
-import 'App.css';
+import './App.css';
 import { Outlet } from 'react-router-dom';
 
 function App() {
diff --git a/src/common/home/Sponsors.jsx b/src/common/home/Sponsors.jsx
index a34841f0d..4cd08d6d3 100644
--- a/src/common/home/Sponsors.jsx
+++ b/src/common/home/Sponsors.jsx
@@ -47,10 +47,11 @@ const Sponsors = () => {
           <h3>Event Partners</h3>
           <div className="content">
             <div className="partners-sponsors-grid">
-              {eventPartners.map((p) => (
+              {eventPartners.map((p, index) => (
                 <a
                   className="partners-sponsors-grid-item"
                   href={p.website}
+                  key={index}
                   rel="noreferrer"
                   target="_blank"
                 >
@@ -72,10 +73,11 @@ const Sponsors = () => {
           <h3>Event Sponsors</h3>
           <div className="content">
             <div className="partners-sponsors-grid">
-              {eventSponsors.map((s) => (
+              {eventSponsors.map((s, index) => (
                 <a
                   className="partners-sponsors-grid-item"
                   href={s.website}
+                  key={index}
                   rel="noreferrer"
                   target="_blank"
                 >
@@ -142,7 +144,7 @@ const Sponsors = () => {
             alignItems: 'center'
           }}
         >
-          {/* {primeSponsors.map((p) => (
+          {/* {primeSponsors.map((p,index) => (
             <a className="prime-sponsors-grid-item" rel="noreferrer" target="_blank">
               abcd
             </a>
diff --git a/src/index.jsx b/src/index.jsx
index d80e9f454..20a60ad8b 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,9 +1,9 @@
 import RouteDefs from 'common/routing/RouteDefs';
 import { SearchContextProvider } from 'common/search/search-context';
-import 'index.css';
+import './index.css';
 import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import reportWebVitals from 'reportWebVitals';
+import reportWebVitals from './reportWebVitals';
 import register from './registerServiceWorker';
 import ErrorBoundry from './ErrorBoundary/ErrorBoundary';
 import Notification from 'common/components/Notification';
diff --git a/src/plays/github-user-finder/components/ProfileCard.jsx b/src/plays/github-user-finder/components/ProfileCard.jsx
index f6e1de7cb..8f0983cb7 100644
--- a/src/plays/github-user-finder/components/ProfileCard.jsx
+++ b/src/plays/github-user-finder/components/ProfileCard.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useResultContext } from '../context/ResultContext';
-import { formatDate } from '../../../common/utils/commonUtils';
+import { formatDate } from 'common/utils/commonUtils';
 
 const ProfileCard = () => {
   const { results } = useResultContext();
diff --git a/src/plays/personal-profile-card/PersonalProfileCard.tsx b/src/plays/personal-profile-card/PersonalProfileCard.tsx
index 08b1ecbf3..e724828e6 100644
--- a/src/plays/personal-profile-card/PersonalProfileCard.tsx
+++ b/src/plays/personal-profile-card/PersonalProfileCard.tsx
@@ -1,7 +1,7 @@
 import PlayHeader from 'common/playlists/PlayHeader';
 import React, { useState, ChangeEvent, useEffect } from 'react';
 
-import useLocalStorage from '../../common/hooks/useLocalStorage';
+import useLocalStorage from 'common/hooks/useLocalStorage';
 import ProfileType from './types';
 import ProfileCard from './components/profile-card';
 import ProfileForm from './components/profile-form';
diff --git a/src/plays/random-quote-card-generator/Components/CardContainer.jsx b/src/plays/random-quote-card-generator/Components/CardContainer.jsx
index ddbc0515e..96adf15f9 100644
--- a/src/plays/random-quote-card-generator/Components/CardContainer.jsx
+++ b/src/plays/random-quote-card-generator/Components/CardContainer.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { FaQuoteLeft } from 'react-icons/fa';
-import data from '../data';
+
 const CardContainer = ({
   gradientColor,
   quote,
diff --git a/src/plays/react-transitions/PrioitySearch.js b/src/plays/react-transitions/PrioitySearch.jsx
similarity index 100%
rename from src/plays/react-transitions/PrioitySearch.js
rename to src/plays/react-transitions/PrioitySearch.jsx
diff --git a/src/plays/react-transitions/ReactTransitions.js b/src/plays/react-transitions/ReactTransitions.jsx
similarity index 100%
rename from src/plays/react-transitions/ReactTransitions.js
rename to src/plays/react-transitions/ReactTransitions.jsx
diff --git a/src/plays/react-transitions/TransitionSearch.js b/src/plays/react-transitions/TransitionSearch.jsx
similarity index 100%
rename from src/plays/react-transitions/TransitionSearch.js
rename to src/plays/react-transitions/TransitionSearch.jsx
diff --git a/src/plays/video-preview/Card.tsx b/src/plays/video-preview/Card.tsx
index 20847a813..cf1d71af2 100644
--- a/src/plays/video-preview/Card.tsx
+++ b/src/plays/video-preview/Card.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { formatDurationCount, formatViewCount } from '../../common/utils/formatCount';
+import { formatDurationCount, formatViewCount } from 'common/utils/formatCount';
 import { GoVerified } from 'react-icons/go';
 import { VERIFIED_CHANNEL } from './utils/constants';