diff --git a/package-lock.json b/package-lock.json
index 61091169..e8601a8d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-toggle-group": "^1.0.4",
-        "@tanstack/react-query": "^5.7.2",
+        "@tanstack/react-query": "^5.17.1",
         "@tiptap/extension-character-count": "^2.1.13",
         "@tiptap/extension-link": "^2.1.13",
         "@tiptap/extension-mention": "^2.1.13",
@@ -47,8 +47,8 @@
       },
       "devDependencies": {
         "@tailwindcss/typography": "^0.5.10",
-        "@types/node": "^20",
-        "@types/react": "^18",
+        "@types/node": "^20.10.6",
+        "@types/react": "^18.2.46",
         "@types/react-dom": "^18",
         "autoprefixer": "^10.0.1",
         "eslint": "^8",
@@ -1344,20 +1344,20 @@
       }
     },
     "node_modules/@tanstack/query-core": {
-      "version": "5.14.1",
-      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.14.1.tgz",
-      "integrity": "sha512-TlZarySCVEiap4K7BCvrsYZnX7jBbEkR55YMrk8ELcRbuAx6ydL+qoxqUt8Fq8VMvQyGt52icn6T7eJL1Q35KQ==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.17.1.tgz",
+      "integrity": "sha512-kUXozQmU7NBtzX5dM6qfFNZN+YK/9Ct37hnG/ogdgI4mExIx7VH/qRepsPhKfNrJz2w81/JykmM3Uug6sVpUSw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
     "node_modules/@tanstack/react-query": {
-      "version": "5.14.1",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.14.1.tgz",
-      "integrity": "sha512-v7jhe/3jhChiR0XJbGHaG5WNPd/cURwzDGBCr4rzpUTeudPzxrtVRKsF1xJRLcJK3qH/0gIwTYHIPZ3gj+01Yw==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.17.1.tgz",
+      "integrity": "sha512-4JYgX0kU+pvwVQi5eRiHGvBK7WnahEl6lmaxd32ZVSKmByAxLgaewoxBR03cdDNse8lUD2zGOe0sx3M/EGRlmA==",
       "dependencies": {
-        "@tanstack/query-core": "5.14.1"
+        "@tanstack/query-core": "5.17.1"
       },
       "funding": {
         "type": "github",
@@ -1786,9 +1786,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.10.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
-      "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+      "version": "20.10.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.6.tgz",
+      "integrity": "sha512-Vac8H+NlRNNlAmDfGUP7b5h/KA+AtWIzuXy0E6OyP8f1tCLYAtPvKRRDJjAPqhpCb0t6U2j7/xqAuLEebW2kiw==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -1811,9 +1811,9 @@
       "devOptional": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.45",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.45.tgz",
-      "integrity": "sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==",
+      "version": "18.2.46",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.46.tgz",
+      "integrity": "sha512-nNCvVBcZlvX4NU1nRRNV/mFl1nNRuTuslAJglQsq+8ldXe5Xv0Wd2f7WTE3jOxhLH2BFfiZGC6GCp+kHQbgG+w==",
       "devOptional": true,
       "dependencies": {
         "@types/prop-types": "*",
diff --git a/package.json b/package.json
index 9435ef95..02db18d7 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-toggle-group": "^1.0.4",
-    "@tanstack/react-query": "^5.7.2",
+    "@tanstack/react-query": "^5.17.1",
     "@tiptap/extension-character-count": "^2.1.13",
     "@tiptap/extension-link": "^2.1.13",
     "@tiptap/extension-mention": "^2.1.13",
@@ -48,8 +48,8 @@
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.10",
-    "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/node": "^20.10.6",
+    "@types/react": "^18.2.46",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
diff --git a/src/containers/settings/contentFilteringContainer/ContentFilteringContainerSkeleton.tsx b/src/containers/settings/contentFilteringContainer/ContentFilteringContainerSkeleton.tsx
index b55c5577..8a1fa660 100644
--- a/src/containers/settings/contentFilteringContainer/ContentFilteringContainerSkeleton.tsx
+++ b/src/containers/settings/contentFilteringContainer/ContentFilteringContainerSkeleton.tsx
@@ -1,6 +1,6 @@
 function HideAdultSwitchSkeleton() {
   return (
-    <div className="flex items-center gap-2 p-3 border border-x-0 md:border-x md:first:rounded-t-2xl md:last:rounded-b-2xl last:border-b even:[&:not(:last-child)]:border-b-0 odd:[&:not(:last-child)]:border-b-0 animate-pulse">
+    <div className="flex items-center gap-2 p-3 border border-x-0 md:border-x rounded-none md:rounded-2xl animate-pulse">
       <div className="w-10 h-6 rounded-full bg-gray-200" />
       <div className="w-8 h-6 rounded-full bg-gray-200" />
     </div>
diff --git a/src/containers/settings/settingsContainer/InviteCodes.tsx b/src/containers/settings/settingsContainer/InviteCodes.tsx
index a65aaa7b..c648b71f 100644
--- a/src/containers/settings/settingsContainer/InviteCodes.tsx
+++ b/src/containers/settings/settingsContainer/InviteCodes.tsx
@@ -30,10 +30,8 @@ export default function InviteCodes(props: Props) {
       <button
         disabled={codes.length === 0}
         onClick={() => setIsOpen((prev) => !prev)}
-        className={`flex items-center gap-2 p-3 mt-2 w-full md:rounded-b-none md:rounded-t-2xl border border-x-0 md:border-x hover:bg-neutral-50 disabled:opacity-30 disabled:contrast-75 disabled:hover:brightness-100 disabled:cursor-not-allowed ${
-          isOpen
-            ? "border-b-0"
-            : "rounded-none md:rounded-t-2xl md:rounded-b-2xl"
+        className={`flex items-center gap-2 p-3 mt-2 w-full border border-x-0 md:border-x rounded-none md:rounded-2xl hover:bg-neutral-50 disabled:opacity-30 disabled:contrast-75 disabled:hover:brightness-100 disabled:cursor-not-allowed ${
+          isOpen ? "border-b-0 md:rounded-b-none" : "md:rounded-2xl"
         }`}
       >
         <FaTicket className="text-neutral-600 text-xl" />
diff --git a/src/containers/settings/settingsContainer/SettingsContainer.tsx b/src/containers/settings/settingsContainer/SettingsContainer.tsx
index 72b1559b..d50888be 100644
--- a/src/containers/settings/settingsContainer/SettingsContainer.tsx
+++ b/src/containers/settings/settingsContainer/SettingsContainer.tsx
@@ -1,7 +1,12 @@
 import Link from "next/link";
 import { FaSlidersH } from "react-icons/fa";
 import { ImBubbles2 } from "react-icons/im";
-import { BiHash, BiSolidEnvelope } from "react-icons/bi";
+import {
+  BiHash,
+  BiSolidCheckCircle,
+  BiSolidEnvelope,
+  BiSolidXCircle,
+} from "react-icons/bi";
 import { MdRemoveRedEye } from "react-icons/md";
 import { BiSolidBellOff } from "react-icons/bi";
 import { BsPersonFillSlash } from "react-icons/bs";
@@ -43,8 +48,19 @@ export default async function SettingsContainer() {
               <BiSolidEnvelope className="text-neutral-600 text-xl" />
               <span className="text-neutral-600 break-all">
                 {session?.user.email}{" "}
-                {isEmailConfirmed ? "(verified)" : "(not verified)"}
               </span>
+              {isEmailConfirmed && (
+                <small className="inline-flex gap-1 items-center px-2 py-1.5 rounded-full bg-green-600/10 font-bold text-[0.6rem] text-green-600">
+                  <BiSolidCheckCircle className="text-green-600 text-lg" />
+                  Verified
+                </small>
+              )}
+              {!isEmailConfirmed && (
+                <small className="inline-flex gap-1 items-center px-2 py-1.5 rounded-full bg-orange-600/10 font-bold text-[0.6rem] text-orange-600">
+                  <BiSolidXCircle className="text-orange-600 text-lg" />
+                  Not Verified
+                </small>
+              )}
             </div>
           </div>
         </section>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index cd958371..2005dcd0 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -6,7 +6,7 @@
   :root {
     --foreground-rgb: 0, 0, 0;
     --background-color: #ffffff;
-  }  
+  }
 
   body {
     box-sizing: border-box;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index bd2aab55..41062544 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -4,13 +4,13 @@ const config: Config = {
   content: [
     "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/containers/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     extend: {
       colors: {
         primary: { light: "#BF77FF", DEFAULT: "#A94AFF", dark: "#9721FF" },
-        secondary: "#ffba28",
       },
       borderWidth: {
         "3": "3px",