diff --git a/components/website/component-block.tsx b/components/website/component-block.tsx
index 32cd838..dd1c9f4 100644
--- a/components/website/component-block.tsx
+++ b/components/website/component-block.tsx
@@ -46,7 +46,7 @@ export const ComponentBlock = forwardRef<HTMLDivElement, ComponentBlockProps>(
         }}
         onClick={() => posthog.capture(componentName)}>
         <Link href={componentPath}>
-          <div className="h-[180px] w-full rounded-xl flex flex-row items-center justify-center bg-white/10">
+          <div className="h-[180px] w-full rounded-xl flex flex-row items-center justify-center bg-neutral-900 shadow-inner border-neutral-800 select-none">
             {componentRender}
           </div>
           <div className={cn('component-details-wrapper mt-4')}>
diff --git a/components/website/component-preview.tsx b/components/website/component-preview.tsx
index 669363c..b9a4a79 100644
--- a/components/website/component-preview.tsx
+++ b/components/website/component-preview.tsx
@@ -27,7 +27,7 @@ export const ComponentPreview = forwardRef<
       <div
         ref={ref}
         className={cn(
-          'component-preview mt-6 py-4 min-h-[400px] justify-center border border-neutral-700 bg-white/10 rounded-2xl flex flex-row items-center relative w-full',
+          'component-preview mt-6 py-4 min-h-[400px] justify-center border border-neutral-700 bg-white/10 rounded-2xl flex flex-row items-center relative w-full backdrop-blur-sm',
           className,
         )}
         {...args}>