some corrections for chrome browser

Author: druvkotwani

client/src/components/Home.jsx

@@ -59,7 +59,7 @@ export default function Home() {
 
     return (
         <>
-            <div className="h-screen overflow-x-hidden nunito">
+            <div className="overflow-x-hidden nunito">
                 <button onClick={() => setShowStats(prevShowStats => !prevShowStats)}
                     className="transform transition-transform duration-300 hover:scale-125  z-50 fixed w-12 h-12 bottom-0 right-0 lg:right-3 m-4 sm:mr-6 lg:mr-4 rounded-md bg-[#0e0e0e] text-white hover:bg-[#292829] border border-gray-600 px-3 py-2 text-sm font-bold shadow-white animated-button">
                     <svg width="95" height="111" viewBox="0 0 95 111" fill="none" xmlns="http://www.w3.org/2000/svg" className="h-full w-auto max-w-none">

client/src/components/StatsGenerator.jsx

@@ -242,7 +242,7 @@ export default function StatsGenerator({ setShowStats }) {
                 <button onClick={addData} className={`${userName.trim() === '' ? 'pointer-events-none opacity-50' : ''} rounded-md bg-[#0e0e0e] text-white hover:bg-[#292829] border  border-gray-600 px-4 py-2 text-base font-bold shadow`}>Add To HallOfFame</button>
             </div>
             <button onClick={() => setShowStats(false)} className="mt-2">
-                <iconify-icon icon="line-md:close-small" width="60" height="60"></iconify-icon>
+                <iconify-icon icon="memory:close-outline" style={{ color: 'white' }} width="50" height="50"></iconify-icon>
             </button>
             <ToastContainer
                 position="top-center"

client/tailwind.config.js

@@ -7,6 +7,9 @@ export default {
   theme: {
     extend: {},
   },
+  daisyui: {
+    themes: [],
+  },
   plugins: [require("daisyui")],
   boxShadow: {
     white: '0 0 10px #fff',