diff --git a/frontend/src/views/CreateTask.vue b/frontend/src/views/CreateTask.vue
index 7fcd043..14a5555 100644
--- a/frontend/src/views/CreateTask.vue
+++ b/frontend/src/views/CreateTask.vue
@@ -1303,6 +1303,8 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
+@import "@/styles/variables.scss";
+
 .create-task-page {
   min-height: 100vh;
   padding: $space-xl 0;