diff --git a/.gitignore b/.gitignore
index e427ff3..d0eb167 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env
\ No newline at end of file
diff --git a/frontend/json/runtimeError.json b/frontend/json/runtimeError.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/frontend/json/runtimeError.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/frontend/src/colors.ts b/frontend/src/colors.ts
index 0fea7b8..1079a57 100644
--- a/frontend/src/colors.ts
+++ b/frontend/src/colors.ts
@@ -46,6 +46,8 @@ export const getButtonColor = (
   hasHover: boolean,
   isActive = false,
 ) => {
+  if (color === 'red') { color = 'danger'; }
+
   if (color === 'void') {
     return '';
   }
diff --git a/frontend/src/pages/tasks/tasks-list.tsx b/frontend/src/pages/tasks/tasks-list.tsx
index e85130a..f0fb9ca 100644
--- a/frontend/src/pages/tasks/tasks-list.tsx
+++ b/frontend/src/pages/tasks/tasks-list.tsx
@@ -109,27 +109,27 @@ const TasksTablesPage = () => {
             <BaseButton
               className={'mr-3'}
               href={'/tasks/tasks-new'}
-              color='info'
+              color='red'
               label='New Item'
             />
           )}
 
           <BaseButton
             className={'mr-3'}
-            color='info'
+            color='red'
             label='Filter'
             onClick={addFilter}
           />
           <BaseButton
             className={'mr-3'}
-            color='info'
+            color='red'
             label='Download CSV'
             onClick={getTasksCSV}
           />
 
           {hasCreatePermission && (
             <BaseButton
-              color='info'
+              color='red'
               label='Upload CSV'
               onClick={() => setIsModalActive(true)}
             />