diff --git a/src/app/globals.css b/src/app/globals.css
index 82ed9c7..f1d3371 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2,36 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/* :root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-} */
-
 * {
   scroll-behavior: smooth !important;
   -webkit-scroll-behavior: smooth !important;
diff --git a/src/components/filter.tsx b/src/components/filter.tsx
index f58b19f..9947e5f 100644
--- a/src/components/filter.tsx
+++ b/src/components/filter.tsx
@@ -1,7 +1,9 @@
 import { ReactNode } from "react";
 
-import { CheckIcon } from "@heroicons/react/24/outline";
-import { AdjustmentsHorizontalIcon } from "@heroicons/react/24/outline";
+import {
+  AdjustmentsHorizontalIcon,
+  CheckIcon,
+} from "@heroicons/react/24/outline";
 import {
   Button,
   CheckboxGroup,
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 230e431..d19b4c9 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,7 +1,6 @@
 "use client";
 
-import { SunIcon } from "@heroicons/react/24/outline";
-import { MoonIcon } from "@heroicons/react/24/outline";
+import { MoonIcon, SunIcon } from "@heroicons/react/24/outline";
 import { Switch } from "@nextui-org/react";
 
 import { useTheme } from "@/contexts/theme";
diff --git a/src/components/section.jsx b/src/components/section.jsx
index 90f7ab8..f13656a 100644
--- a/src/components/section.jsx
+++ b/src/components/section.jsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { Fragment, ReactNode, useEffect, useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 const Section = ({ id, title, children }) => {
   const [isVisible, setIsVisible] = useState(false);
@@ -32,14 +32,12 @@ const Section = ({ id, title, children }) => {
   }, [isVisible]);
 
   return (
-    <Fragment>
-      <section id={id} className="section" ref={dataRef}>
-        <h2 className="section-heading">{title}</h2>
-        <div className="pop-down-child section-body" ref={itemRef}>
-          {children}
-        </div>
-      </section>
-    </Fragment>
+    <section id={id} className="section" ref={dataRef}>
+      <h2 className="section-heading">{title}</h2>
+      <div className="pop-down-child section-body" ref={itemRef}>
+        {children}
+      </div>
+    </section>
   );
 };
 
diff --git a/src/components/social.tsx b/src/components/social.tsx
index 92abc3f..bd537b0 100644
--- a/src/components/social.tsx
+++ b/src/components/social.tsx
@@ -3,26 +3,24 @@ import { Button, Link, Tooltip } from "@nextui-org/react";
 import profiles from "@/data/profiles";
 
 const SocialMedia = () => (
-  <>
-    <div className="w-full p-2 z-10 flex flex-wrap justify-center items-center">
-      {profiles.map((profile, index) => (
-        <Tooltip key={index} content={profile.name}>
-          <Link href={profile.link} isExternal rel="noreferrer">
-            <div className="bg-background rounded-full p-1">
-              <Button
-                isIconOnly
-                variant="light"
-                radius="full"
-                className="md:text-xl text-foreground"
-              >
-                {profile.icon}
-              </Button>
-            </div>
-          </Link>
-        </Tooltip>
-      ))}
-    </div>
-  </>
+  <div className="w-full p-2 z-10 flex flex-wrap justify-center items-center">
+    {profiles.map((profile, index) => (
+      <Tooltip key={index} content={profile.name}>
+        <Link href={profile.link} isExternal rel="noreferrer">
+          <div className="bg-background rounded-full p-1">
+            <Button
+              isIconOnly
+              variant="light"
+              radius="full"
+              className="md:text-xl text-foreground"
+            >
+              {profile.icon}
+            </Button>
+          </div>
+        </Link>
+      </Tooltip>
+    ))}
+  </div>
 );
 
 export default SocialMedia;