diff --git a/pages/settings/api.tsx b/pages/settings/api.tsx
index 377f39b..aa56b1c 100644
--- a/pages/settings/api.tsx
+++ b/pages/settings/api.tsx
@@ -59,7 +59,7 @@ export default function Api() {
       <hr className="my-3 border-1 border-sky-100 dark:border-neutral-700" />
 
       <div className="flex flex-col gap-3">
-        <div className="badge bg-yellow-300 text-black">
+        <div className="badge bg-yellow-300 rounded-md border w-fit px-2 text-black">
           Status: Under Development
         </div>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index a704256..34690e4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,5 +13,7 @@ module.exports = {
     // For the "layouts" directory
     "./layouts/**/*.{js,ts,jsx,tsx}",
   ],
-  plugins: [require("daisyui")],
+  plugins: [
+    // require("daisyui")
+  ],
 };