diff --git a/dashboard/src/components/ChartsContainer.tsx b/dashboard/src/components/ChartsContainer.tsx
index e2a68b1..b637ef1 100644
--- a/dashboard/src/components/ChartsContainer.tsx
+++ b/dashboard/src/components/ChartsContainer.tsx
@@ -164,7 +164,7 @@ export const ChartsContainer = () => {
           date={date}
           setDate={setDate}
           className={cn(
-            "self-end outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 rounded",
+            "self-end bg-opacity-10 bg-slate-500 rounded",
             {
               ["animate-pulse"]: isLoading,
               ["bg-opacity-20"]: isLoading,
diff --git a/dashboard/src/components/StatCard.tsx b/dashboard/src/components/StatCard.tsx
index 36a74c3..b582efd 100644
--- a/dashboard/src/components/StatCard.tsx
+++ b/dashboard/src/components/StatCard.tsx
@@ -39,7 +39,7 @@ export function StatCard({ title, valueKey, formatter }: StatCardProps) {
   return (
     <div
       className={cn(
-        "w-full flex flex-col gap-1 justify-center outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-4 px-6",
+        "w-full flex flex-col gap-1 justify-center bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-4 px-6",
         {
           ["animate-pulse"]: isLoading,
           ["bg-opacity-20"]: isLoading,
diff --git a/dashboard/src/components/charts/CustomTooltip.tsx b/dashboard/src/components/charts/CustomTooltip.tsx
index cd89343..c50722c 100644
--- a/dashboard/src/components/charts/CustomTooltip.tsx
+++ b/dashboard/src/components/charts/CustomTooltip.tsx
@@ -29,14 +29,14 @@ export function CustomTooltip<
         })}
       </div>
       {active && payload && payload.length > 0 && (
-        <div className="flex flex-col gap-0 text-xs rounded bg-opacity-90 bg-slate-700 px-4 py-2">
+        <div className="gap-0 text-xs rounded bg-opacity-90 bg-slate-700 px-4 py-2">
           {payload.reverse().map((item, i) => (
-            <div key={i} className="flex items-center gap-2">
+            <div key={i} className="items-center gap-2">
               <div
                 className="w-2 h-2 rounded-full"
                 style={{ backgroundColor: item.color }}
               />
-              <div className="flex-1">{item.name}</div>
+              <div>{item.name}</div>
               <div>
                 {numberFormatter
                   ? numberFormatter.format(Number(item.value))
@@ -44,12 +44,12 @@ export function CustomTooltip<
               </div>
             </div>
           ))}
-          <div className="flex items-center gap-2">
+          <div className="items-center gap-2">
             <div
               className="w-2 h-2 rounded-full"
               style={{ backgroundColor: "#8884d8" }}
             />
-            <div className="flex-1 font-bold">{totalTitle ?? "Total"}</div>
+            <div className="font-bold">{totalTitle ?? "Total"}</div>
             <div className="font-bold">
               {numberFormatter
                 ? numberFormatter.format(total ?? 0)
diff --git a/dashboard/src/components/charts/Wrapper.tsx b/dashboard/src/components/charts/Wrapper.tsx
index 33f8a77..5a0437e 100644
--- a/dashboard/src/components/charts/Wrapper.tsx
+++ b/dashboard/src/components/charts/Wrapper.tsx
@@ -69,7 +69,7 @@ export function ChartWrapper({
   return (
     <div
       className={cn(
-        "w-full h-[500px] outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-2 flex flex-col justify-between",
+        "w-full h-[500px] bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-2 flex flex-col justify-between",
         {
           ["animate-pulse"]: isLoading,
           ["bg-opacity-20"]: isLoading,
diff --git a/dashboard/src/layouts/Layout.astro b/dashboard/src/layouts/Layout.astro
index a42b171..b0c3f96 100644
--- a/dashboard/src/layouts/Layout.astro
+++ b/dashboard/src/layouts/Layout.astro
@@ -35,7 +35,7 @@ const { title } = Astro.props;
   >
     <div class="mx-auto w-full">
       <header
-        class="py-2 md:py-5 px-6 md:px-10 rounded-lg outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 shadow-lg"
+        class="py-2 md:py-5 px-6 md:px-10 rounded-lg bg-opacity-10 bg-slate-500 shadow-lg"
       >
         <a
           href="https://unidex.exchange"
diff --git a/dashboard/src/styles/global.css b/dashboard/src/styles/global.css
index 04fdbf0..7c7e253 100644
--- a/dashboard/src/styles/global.css
+++ b/dashboard/src/styles/global.css
@@ -49,6 +49,10 @@
   }
 }
 
+*, ::before, ::after {
+  box-sizing: unset !important;
+}
+
 @layer base {
   * {
     @apply border-border;