diff --git a/app/(prowler)/layout.tsx b/app/(prowler)/layout.tsx
index ea8d1f13bc..f606db6b1c 100644
--- a/app/(prowler)/layout.tsx
+++ b/app/(prowler)/layout.tsx
@@ -39,7 +39,7 @@ export default function RootLayout({
       <body
         suppressHydrationWarning
         className={cn(
-          "min-h-screen bg-background font-sans antialiased",
+          "min-h-screen bg-background font-sans antialiased dark:bg-prowler-theme-midnight",
           fontSans.variable,
         )}
       >
diff --git a/components/ui/custom/custom-button.tsx b/components/ui/custom/custom-button.tsx
index ca266275b2..a74751801a 100644
--- a/components/ui/custom/custom-button.tsx
+++ b/components/ui/custom/custom-button.tsx
@@ -8,7 +8,7 @@ export const buttonClasses = {
   base: "px-4 inline-flex items-center justify-center relative z-0 text-center whitespace-nowrap",
   primary: "bg-default-100 hover:bg-default-200 text-default-800",
   secondary: "bg-prowler-grey-light dark:bg-prowler-grey-medium text-white",
-  action: "text-white bg-prowler-grey-medium dark:bg-prowler-grey-medium",
+  action: "bg-prowler-theme-green font-bold text-prowler-theme-midnight",
   dashed:
     "border border-default border-dashed bg-transparent  justify-center whitespace-nowrap font-medium shadow-sm hover:border-solid hover:bg-default-100 active:bg-default-200 active:border-solid",
   transparent: "border-0 border-transparent bg-transparent",
diff --git a/components/ui/sidebar/sidebar-wrap.tsx b/components/ui/sidebar/sidebar-wrap.tsx
index 52434a6e1b..37aa94375e 100644
--- a/components/ui/sidebar/sidebar-wrap.tsx
+++ b/components/ui/sidebar/sidebar-wrap.tsx
@@ -51,28 +51,30 @@ export const SidebarWrap = () => {
         },
       )}
     >
-      <div
-        className={clsx(
-          "flex w-full flex-col items-center justify-center gap-y-4 px-3",
-          {
-            "gap-0": isCompact,
-          },
-        )}
-      >
+      <div className="flex flex-col gap-y-8">
         <div
-          className={clsx({
-            hidden: !isCompact,
-          })}
+          className={clsx(
+            "flex w-full flex-col items-center justify-center gap-y-8 px-3",
+            {
+              "gap-0": isCompact,
+            },
+          )}
         >
-          <ProwlerShort />
-        </div>
-        <div
-          className={clsx({
-            hidden: isCompact,
-            "!mt-0": !isCompact,
-          })}
-        >
-          <ProwlerExtended />
+          <div
+            className={clsx({
+              hidden: !isCompact,
+            })}
+          >
+            <ProwlerShort />
+          </div>
+          <div
+            className={clsx({
+              hidden: isCompact,
+              "!mt-0": !isCompact,
+            })}
+          >
+            <ProwlerExtended />
+          </div>
         </div>
         <Link href={"/profile"}>
           <Suspense fallback={<p>Loading...</p>}>
@@ -83,7 +85,6 @@ export const SidebarWrap = () => {
             />
           </Suspense>
         </Link>
-
         <div
           className={clsx({
             hidden: isCompact,
diff --git a/components/ui/sidebar/sidebar.tsx b/components/ui/sidebar/sidebar.tsx
index 1607609099..23a58abc79 100644
--- a/components/ui/sidebar/sidebar.tsx
+++ b/components/ui/sidebar/sidebar.tsx
@@ -163,9 +163,7 @@ const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(
                   }}
                   title={
                     item.icon ? (
-                      <div
-                        className={"flex h-11 items-center gap-2 px-2 py-1.5"}
-                      >
+                      <div className={"flex items-center gap-2 px-2 py-1.5"}>
                         <Icon
                           className={clsx(
                             "text-default-500 group-data-[selected=true]:text-foreground",
@@ -282,7 +280,7 @@ const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(
         itemClasses={{
           ...itemClasses,
           base: clsx(
-            "px-3 min-h-11 rounded-large h-[44px] data-[selected=true]:bg-default-100",
+            "px-3 rounded-large data-[selected=true]:bg-default-100",
             itemClasses?.base,
           ),
           title: clsx(
diff --git a/tailwind.config.js b/tailwind.config.js
index 31bdbfd39e..eeb0acf48b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -83,7 +83,7 @@ module.exports = {
           },
         },
         danger: "#E11D48",
-        action: "#353a4d",
+        action: "#6af400",
       },
       fontFamily: {
         sans: ["var(--font-sans)"],
