diff --git a/web/components/issue-layouts/display-filters/display-properties.tsx b/web/components/issue-layouts/display-filters/display-properties.tsx
index dd234340a..309763c3f 100644
--- a/web/components/issue-layouts/display-filters/display-properties.tsx
+++ b/web/components/issue-layouts/display-filters/display-properties.tsx
@@ -9,7 +9,7 @@ import { RootStore } from "store/root";
 
 export const FilterDisplayProperties = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/display-filters/extra-options.tsx b/web/components/issue-layouts/display-filters/extra-options.tsx
index 11ef74a94..100a6cfd7 100644
--- a/web/components/issue-layouts/display-filters/extra-options.tsx
+++ b/web/components/issue-layouts/display-filters/extra-options.tsx
@@ -12,7 +12,7 @@ import { issueFilterVisibilityData } from "store/issue-views/issue_data";
 
 export const FilterExtraOptions = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/display-filters/group-by.tsx b/web/components/issue-layouts/display-filters/group-by.tsx
index fa46415ab..93e297803 100644
--- a/web/components/issue-layouts/display-filters/group-by.tsx
+++ b/web/components/issue-layouts/display-filters/group-by.tsx
@@ -10,7 +10,7 @@ import { RootStore } from "store/root";
 
 export const FilterGroupBy = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/display-filters/issue-type.tsx b/web/components/issue-layouts/display-filters/issue-type.tsx
index eaf9ae7bd..10f50800b 100644
--- a/web/components/issue-layouts/display-filters/issue-type.tsx
+++ b/web/components/issue-layouts/display-filters/issue-type.tsx
@@ -10,7 +10,7 @@ import { RootStore } from "store/root";
 
 export const FilterIssueType = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/display-filters/order-by.tsx b/web/components/issue-layouts/display-filters/order-by.tsx
index 9e3b9e35d..c7c3f2ebb 100644
--- a/web/components/issue-layouts/display-filters/order-by.tsx
+++ b/web/components/issue-layouts/display-filters/order-by.tsx
@@ -10,7 +10,7 @@ import { RootStore } from "store/root";
 
 export const FilterOrderBy = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/assignees.tsx b/web/components/issue-layouts/filters/assignees.tsx
index 2e51a3a49..e591ea44f 100644
--- a/web/components/issue-layouts/filters/assignees.tsx
+++ b/web/components/issue-layouts/filters/assignees.tsx
@@ -1,6 +1,4 @@
 import React from "react";
-// lucide icons
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
 // components
 import { FilterHeader } from "../helpers/filter-header";
 import { FilterOption } from "../helpers/filter-option";
@@ -30,7 +28,7 @@ export const MemberIcons = ({
 
 export const FilterAssignees = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/created-by.tsx b/web/components/issue-layouts/filters/created-by.tsx
index 5ba7beb01..e9b34342f 100644
--- a/web/components/issue-layouts/filters/created-by.tsx
+++ b/web/components/issue-layouts/filters/created-by.tsx
@@ -1,6 +1,4 @@
 import React from "react";
-// lucide icons
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
 // components
 import { MemberIcons } from "./assignees";
 import { FilterHeader } from "../helpers/filter-header";
@@ -13,7 +11,7 @@ import { RootStore } from "store/root";
 
 export const FilterCreatedBy = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/labels.tsx b/web/components/issue-layouts/filters/labels.tsx
index 6b38ff123..79a82ddd2 100644
--- a/web/components/issue-layouts/filters/labels.tsx
+++ b/web/components/issue-layouts/filters/labels.tsx
@@ -1,6 +1,4 @@
 import React from "react";
-// lucide icons
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
 // components
 import { FilterHeader } from "../helpers/filter-header";
 import { FilterOption } from "../helpers/filter-option";
@@ -18,7 +16,7 @@ const LabelIcons = ({ color }: { color: string }) => (
 
 export const FilterLabels = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/priority.tsx b/web/components/issue-layouts/filters/priority.tsx
index f8b104c81..048e22469 100644
--- a/web/components/issue-layouts/filters/priority.tsx
+++ b/web/components/issue-layouts/filters/priority.tsx
@@ -52,7 +52,7 @@ const PriorityIcons = ({
 
 export const FilterPriority = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/start-date.tsx b/web/components/issue-layouts/filters/start-date.tsx
index bfa342922..8c92518af 100644
--- a/web/components/issue-layouts/filters/start-date.tsx
+++ b/web/components/issue-layouts/filters/start-date.tsx
@@ -1,6 +1,4 @@
 import React from "react";
-// lucide icons
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
 // components
 import { FilterHeader } from "../helpers/filter-header";
 import { FilterOption } from "../helpers/filter-option";
@@ -12,7 +10,7 @@ import { RootStore } from "store/root";
 
 export const FilterStartDate = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/state-group.tsx b/web/components/issue-layouts/filters/state-group.tsx
index 0c3da34ec..1598734a7 100644
--- a/web/components/issue-layouts/filters/state-group.tsx
+++ b/web/components/issue-layouts/filters/state-group.tsx
@@ -1,6 +1,4 @@
 import React from "react";
-// lucide icons
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import {
   StateGroupBacklogIcon,
   StateGroupCancelledIcon,
@@ -85,7 +83,7 @@ export const StateGroupIcons = ({
 
 export const FilterStateGroup = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/state.tsx b/web/components/issue-layouts/filters/state.tsx
index 6cabd68a1..917fe2af7 100644
--- a/web/components/issue-layouts/filters/state.tsx
+++ b/web/components/issue-layouts/filters/state.tsx
@@ -1,6 +1,4 @@
 import React from "react";
-// lucide icons
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
 // components
 import { StateGroupIcons } from "./state-group";
 import { FilterHeader } from "../helpers/filter-header";
@@ -15,7 +13,7 @@ import { issueStateGroupKeys } from "store/issue-views/issue_data";
 
 export const FilterState = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/filters/target-date.tsx b/web/components/issue-layouts/filters/target-date.tsx
index 0f777f752..cec765b05 100644
--- a/web/components/issue-layouts/filters/target-date.tsx
+++ b/web/components/issue-layouts/filters/target-date.tsx
@@ -1,6 +1,5 @@
 import React from "react";
-// lucide icons
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
+
 // components
 import { FilterHeader } from "../helpers/filter-header";
 import { FilterOption } from "../helpers/filter-option";
@@ -12,7 +11,7 @@ import { RootStore } from "store/root";
 
 export const FilterTargetDate = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueStore } = store;
+  const { issueFilters: issueFilterStore } = store;
 
   const [previewEnabled, setPreviewEnabled] = React.useState(true);
 
diff --git a/web/components/issue-layouts/kanban/header.tsx b/web/components/issue-layouts/kanban/header.tsx
index c399b643c..8c04dc20d 100644
--- a/web/components/issue-layouts/kanban/header.tsx
+++ b/web/components/issue-layouts/kanban/header.tsx
@@ -2,7 +2,7 @@
 import { Plus } from "lucide-react";
 
 export const IssueHeader = () => (
-  <div className="relative flex flex-colw-full h-full gap-1">
+  <div className="relative flex items-center w-full h-full gap-1">
     {/* default layout */}
     <div className=" border border-red-500 flex-shrink-0 w-[24px] h-[24px] flex justify-center items-center">
       I
diff --git a/web/components/issue-layouts/kanban/index.tsx b/web/components/issue-layouts/kanban/index.tsx
index 22a79c08a..b517484dc 100644
--- a/web/components/issue-layouts/kanban/index.tsx
+++ b/web/components/issue-layouts/kanban/index.tsx
@@ -12,7 +12,7 @@ import { RootStore } from "store/root";
 
 export const IssueKanBanViewRoot = observer(() => {
   const store: RootStore = useMobxStore();
-  const { issueFilters: issueFilterStore, issueView: issueViewStore } = store;
+  const { issueView: issueViewStore } = store;
 
   const onDragEnd = (result: any) => {
     if (!result) return;