diff --git a/weather_app/app/page.tsx b/weather_app/app/page.tsx
index 07dfbe7..1259660 100644
--- a/weather_app/app/page.tsx
+++ b/weather_app/app/page.tsx
@@ -1,8 +1,9 @@
 import Navbar from "./components/Navbar";
 import AirPollution from "./components/airPollution/AirPollution";
-import DailyForecast from "./components/daily_forcast/DailyForecast";
+import DailyForcast from "./components/daily_forcast/DailyForecast";
 import Sunset from "./components/sunset/Sunset";
 import Temperature from "./components/temp/Temperature";
+import UVI from "./components/uvIndex/UVI";
 import Wind from "./components/wind/Wind";
 
 
@@ -19,7 +20,8 @@ export default function Home() {
             <AirPollution/>
             <Sunset/>
             <Wind/>
-            <DailyForecast/>
+            <DailyForcast/>
+            <UVI/>
           </div>
         </div>
       </div>
diff --git a/weather_app/tailwind.config.ts b/weather_app/tailwind.config.ts
index d9001a6..72e721c 100644
--- a/weather_app/tailwind.config.ts
+++ b/weather_app/tailwind.config.ts
@@ -15,7 +15,7 @@ const config = {
       padding: "2rem",
       screens: {
         "sm-2": "580px",
-        "md-2": "1200px",
+        "md-2": "1100px",
         "2xl": "1400px",
       },
     },