diff --git a/apps/web/components/shared/action-panel.tsx b/apps/web/components/shared/action-panel.tsx
index 1494b12..8582824 100644
--- a/apps/web/components/shared/action-panel.tsx
+++ b/apps/web/components/shared/action-panel.tsx
@@ -20,7 +20,7 @@ export default function FloatingActionPanel({
   onToggle,
 }: FloatingActionPanelProps) {
   return (
-    <Card className="fixed inset-x-4 bottom-4 rounded-3xl border-0 bg-background/95 p-4 shadow-2xl backdrop-blur-sm dark:bg-primary/5 md:bottom-6 md:left-auto md:right-6 md:p-6">
+    <Card className="sticky inset-x-4 bottom-4 rounded-3xl border-0 bg-background/80 p-4 shadow-2xl backdrop-blur-sm dark:bg-background/10 md:bottom-6 md:left-auto md:right-6 md:p-6">
       <div className="flex flex-col items-center gap-2 sm:flex-row sm:gap-4">
         {/* Кнопка закрыть/открыть */}
         {onToggle && (
@@ -29,8 +29,8 @@ export default function FloatingActionPanel({
               w-full rounded-2xl text-sm transition-all duration-200 sm:w-auto
               ${
                 isOpen
-                  ? 'bg-blue-100 text-blue-700 hover:bg-blue-200 dark:bg-blue-950/70 dark:text-blue-300 dark:hover:bg-blue-900/70'
-                  : 'bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-900/70 dark:text-gray-300 dark:hover:bg-gray-800/70'
+                  ? 'bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700'
+                  : 'bg-gray-500 text-white hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-700'
               }
             `}
             onClick={onToggle}
@@ -53,7 +53,7 @@ export default function FloatingActionPanel({
         {/* Кнопка удалить */}
         {onDelete && (
           <Button
-            className="w-full rounded-2xl bg-orange-100 text-sm text-orange-700 transition-all duration-200 hover:bg-orange-200 dark:bg-orange-950/70 dark:text-orange-300 dark:hover:bg-orange-900/70 sm:w-auto"
+            className="w-full rounded-2xl bg-orange-500 text-sm text-white transition-all duration-200 hover:bg-orange-600 dark:bg-orange-600 dark:hover:bg-orange-700 sm:w-auto"
             onClick={onDelete}
             size="sm"
           >
@@ -65,7 +65,7 @@ export default function FloatingActionPanel({
         {/* Кнопка отменить */}
         {onCancel && (
           <Button
-            className="w-full rounded-2xl bg-red-100 text-sm text-red-700 transition-all duration-200 hover:bg-red-200 dark:bg-red-950/70 dark:text-red-300 dark:hover:bg-red-900/70 sm:w-auto"
+            className="w-full rounded-2xl bg-red-500 text-sm text-white transition-all duration-200 hover:bg-red-600 dark:bg-red-600 dark:hover:bg-red-700 sm:w-auto"
             onClick={onCancel}
             size="sm"
           >
@@ -74,7 +74,7 @@ export default function FloatingActionPanel({
           </Button>
         )}
 
-        {/* Кнопка подтверд��ть */}
+        {/* Кнопка подтвердить */}
         {onConfirm && (
           <Button
             className="w-full rounded-2xl bg-green-600 text-sm text-white shadow-lg transition-all duration-200 hover:bg-green-700 dark:bg-green-700 dark:hover:bg-green-600 sm:w-auto"