diff --git a/frontend/src/components/format/FormatConditionsTab.jsx b/frontend/src/components/format/FormatConditionsTab.jsx
index feec468..792e812 100644
--- a/frontend/src/components/format/FormatConditionsTab.jsx
+++ b/frontend/src/components/format/FormatConditionsTab.jsx
@@ -45,6 +45,24 @@ const FormatConditionsTab = ({conditions, onConditionsChange}) => {
         }
     };
 
+    const handleMoveToTop = index => {
+        if (index > 0) {
+            const newConditions = [...conditions];
+            const [movedCondition] = newConditions.splice(index, 1);
+            newConditions.unshift(movedCondition);
+            onConditionsChange(newConditions);
+        }
+    };
+
+    const handleMoveToBottom = index => {
+        if (index < conditions.length - 1) {
+            const newConditions = [...conditions];
+            const [movedCondition] = newConditions.splice(index, 1);
+            newConditions.push(movedCondition);
+            onConditionsChange(newConditions);
+        }
+    };
+
     if (isLoading) {
         return (
             <div className='flex items-center justify-center h-full'>
@@ -101,6 +119,8 @@ const FormatConditionsTab = ({conditions, onConditionsChange}) => {
                             patterns={patterns}
                             onMoveUp={() => handleMoveUp(index)}
                             onMoveDown={() => handleMoveDown(index)}
+                            onMoveToTop={() => handleMoveToTop(index)}
+                            onMoveToBottom={() => handleMoveToBottom(index)}
                             isFirst={index === 0}
                             isLast={index === conditions.length - 1}
                         />
diff --git a/frontend/src/components/format/conditions/ConditionCard.jsx b/frontend/src/components/format/conditions/ConditionCard.jsx
index a66ebcb..f720f47 100644
--- a/frontend/src/components/format/conditions/ConditionCard.jsx
+++ b/frontend/src/components/format/conditions/ConditionCard.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {CONDITION_TYPES, createCondition} from './conditionTypes';
-import {ArrowUp, ArrowDown, X} from 'lucide-react';
+import {ArrowUp, ArrowDown, X, ChevronsUp, ChevronsDown} from 'lucide-react';
 import BrowserSelect from '@ui/BrowserSelect';
 
 const ConditionCard = ({
@@ -11,6 +11,8 @@ const ConditionCard = ({
     patterns,
     onMoveUp,
     onMoveDown,
+    onMoveToTop,
+    onMoveToBottom,
     isFirst,
     isLast
 }) => {
@@ -123,6 +125,15 @@ const ConditionCard = ({
             <div
                 className='absolute right-0 top-0 bottom-0 flex flex-col 
                 divide-y divide-gray-700/50 border-l border-gray-700/50 bg-gray-800/30'>
+                <button
+                    onClick={onMoveToTop}
+                    disabled={isFirst}
+                    className='flex items-center justify-center w-10 flex-1
+                        text-gray-400 hover:text-gray-200 hover:bg-gray-700/50
+                        disabled:opacity-50 disabled:pointer-events-none
+                        transition-colors'>
+                    <ChevronsUp className='w-4 h-4' />
+                </button>
                 <button
                     onClick={onMoveUp}
                     disabled={isFirst}
@@ -141,6 +152,15 @@ const ConditionCard = ({
                         transition-colors'>
                     <ArrowDown className='w-4 h-4' />
                 </button>
+                <button
+                    onClick={onMoveToBottom}
+                    disabled={isLast}
+                    className='flex items-center justify-center w-10 flex-1
+                        text-gray-400 hover:text-gray-200 hover:bg-gray-700/50
+                        disabled:opacity-50 disabled:pointer-events-none
+                        transition-colors'>
+                    <ChevronsDown className='w-4 h-4' />
+                </button>
                 <button
                     onClick={onDelete}
                     className='flex items-center justify-center w-10 flex-1
@@ -170,6 +190,8 @@ ConditionCard.propTypes = {
     ).isRequired,
     onMoveUp: PropTypes.func.isRequired,
     onMoveDown: PropTypes.func.isRequired,
+    onMoveToTop: PropTypes.func.isRequired,
+    onMoveToBottom: PropTypes.func.isRequired,
     isFirst: PropTypes.bool.isRequired,
     isLast: PropTypes.bool.isRequired
 };