diff --git a/src/components/toolbar/index.tsx b/src/components/toolbar/index.tsx
index eb5616f..9c86b85 100644
--- a/src/components/toolbar/index.tsx
+++ b/src/components/toolbar/index.tsx
@@ -171,7 +171,7 @@ const ToolBar: React.FC<ISTKProps> = (props) => {
             );
           })}
         </div>
-        <div className="mx-3 my-6 sticky bottom-0">
+        <div className="px-3 py-6 sticky bottom-0 bg-white">
           <DockHandler />
         </div>
       </div>
diff --git a/src/components/workspace/dock/index.tsx b/src/components/workspace/dock/index.tsx
index 4be5b31..326c938 100644
--- a/src/components/workspace/dock/index.tsx
+++ b/src/components/workspace/dock/index.tsx
@@ -120,7 +120,7 @@ const Dock = (props: Pick<ISTKProps, "mode" | "styles" | "options" | "events">)
         >
           <div
             className={twMerge(
-              "border-t sm:border border-border w-full sm:w-fit bg-white/80 backdrop-blur-md p-3 sm:p-2 overflow-x-auto sm:rounded-lg flex justify-center [&>div]:shrink-0 gap-2 transition-all duration-500 ease-in-out opacity-100",
+              "border-t sm:border border-border w-full sm:w-fit bg-white p-3 sm:p-2 overflow-x-auto sm:rounded-lg flex justify-center [&>div]:shrink-0 gap-2 transition-all duration-500 ease-in-out opacity-100",
               panStyles?.root?.className,
               !dock && "translate-y-20 opacity-0"
             )}