diff --git a/frontend/src/components/format/conditions/ReleaseGroupCondition.jsx b/frontend/src/components/format/conditions/ReleaseGroupCondition.jsx
index eb0fb9f..aefccec 100644
--- a/frontend/src/components/format/conditions/ReleaseGroupCondition.jsx
+++ b/frontend/src/components/format/conditions/ReleaseGroupCondition.jsx
@@ -2,14 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const ReleaseGroupCondition = ({condition, onChange, patterns}) => {
+    const sortedPatterns = [...patterns].sort((a, b) =>
+        a.name.localeCompare(b.name)
+    );
+
     return (
         <select
-            className='flex-1 px-2 py-1.5 text-sm border border-gray-300 dark:border-gray-600 
-                     rounded-md bg-white dark:bg-gray-700'
+            className='flex-1 px-2 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700'
             value={condition.pattern || ''}
             onChange={e => onChange({...condition, pattern: e.target.value})}>
             <option value=''>Select release group pattern...</option>
-            {patterns.map(pattern => (
+            {sortedPatterns.map(pattern => (
                 <option key={pattern.name} value={pattern.name}>
                     {pattern.name}
                 </option>
diff --git a/frontend/src/components/format/conditions/ReleaseTitleCondition.jsx b/frontend/src/components/format/conditions/ReleaseTitleCondition.jsx
index ab72336..dad2ae7 100644
--- a/frontend/src/components/format/conditions/ReleaseTitleCondition.jsx
+++ b/frontend/src/components/format/conditions/ReleaseTitleCondition.jsx
@@ -2,14 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const ReleaseTitleCondition = ({condition, onChange, patterns}) => {
+    const sortedPatterns = [...patterns].sort((a, b) =>
+        a.name.localeCompare(b.name)
+    );
+
     return (
         <select
-            className='flex-1 px-2 py-1.5 text-sm border border-gray-300 dark:border-gray-600 
-                     rounded-md bg-white dark:bg-gray-700'
+            className='flex-1 px-2 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700'
             value={condition.pattern || ''}
             onChange={e => onChange({...condition, pattern: e.target.value})}>
             <option value=''>Select release title pattern...</option>
-            {patterns.map(pattern => (
+            {sortedPatterns.map(pattern => (
                 <option key={pattern.name} value={pattern.name}>
                     {pattern.name}
                 </option>