diff --git a/ui/src/assets/grid.svg b/ui/src/assets/grid.svg
index ddd82a68..81bf9751 100644
--- a/ui/src/assets/grid.svg
+++ b/ui/src/assets/grid.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="#3f4555"
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="31.4" height="31.4" fill="none" stroke="#3f4555"
   stroke-opacity="0.05">
   <path d="M0 .5H31.5V32" />
 </svg>
diff --git a/ui/src/index.css b/ui/src/index.css
index e3017f04..2d853766 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -5,6 +5,7 @@
 @import "./styles/typography.css";
 @import "./styles/shadows.css";
 @import "./styles/animations.css";
+@import "./styles/antd-overrides.css";
 
 /* * {
 	outline: 1px red solid;
@@ -30,155 +31,3 @@ body {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-	margin-block-start: 0px;
-	margin-block-end: 0px;
-	/* can we do better? */
-	margin-bottom: 0 !important;
-}
-
-.ant-menu {
-	border-inline-end: none !important;
-}
-
-.ant-menu-submenu {
-	/* can we do better? */
-	padding-left: 20px !important;
-	padding-right: 20px !important;
-}
-
-.ant-menu-item {
-	/* can we do better? */
-	padding-left: 32px !important;
-}
-
-.ant-layout-content,
-.notification-container,
-.search_container,
-.ant-menu {
-	&::-webkit-scrollbar {
-		width: var(--bt-size-8);
-	}
-
-	&::-webkit-scrollbar-track {
-		background-color: var(--bt-color-scrollbar-track);
-	}
-
-	&::-webkit-scrollbar-thumb {
-		border-radius: var(--bt-border-radius-4);
-		background-color: var(--bt-color-scrollbar-thumb);
-	}
-}
-
-.ant-layout-content {
-	overflow-x: auto;
-	overflow-y: auto;
-	max-height: 100dvh;
-	scroll-behavior: smooth;
-}
-
-.ant-layout-header {
-	position: sticky;
-	top: 0;
-	z-index: var(--bt-z-index-header);
-	width: 100%;
-	display: flex;
-	align-items: center;
-	padding-inline: 0px;
-}
-
-.ant-menu-title-content {
-	margin-inline-start: 10px;
-}
-
-.ant-btn-icon-only {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.tox-tinymce {
-	/* can we do better? */
-	border-radius: 10px 10px 0px 0px !important;
-}
-
-.ant-select-selection-search-input {
-	font-size: 16px;
-}
-
-.ant-card-cover img {
-	/* can we do better? */
-	border-radius: 0 0 0 0 !important;
-}
-
-/* collapmenu align center */
-.ant-menu-submenu-popup .ant-menu-vertical > .ant-menu-item {
-	display: flex;
-	align-items: center;
-}
-
-/* collapsible menu scroll */
-.ant-menu-submenu-popup .ant-menu-vertical {
-	max-height: 300px !important;
-}
-
-.ant-typography a,
-a {
-	color: grey;
-}
-
-.ant-typography a:hover,
-a:hover {
-	color: whitesmoke;
-}
-
-.ant-typography p {
-	margin-bottom: 0px !important;
-}
-
-/* modal dark mode */
-.dark .ant-modal-content {
-	background-color: #383737 !important;
-	color: white;
-}
-
-.dark .ant-modal-content .ant-modal-header {
-	background-color: transparent !important;
-}
-
-.dark .ant-modal-content .ant-modal-header .ant-modal-title {
-	color: white;
-}
-
-.dark .search_container div:hover {
-	background-color: #817f7f !important;
-}
-
-.dark .ant-input-affix-wrapper {
-	background-color: transparent !important;
-	border-color: #afadad !important;
-}
-
-.dark .ant-input-affix-wrapper .ant-input {
-	background-color: transparent !important;
-	color: white !important;
-}
-
-.dark .ant-input-affix-wrapper .ant-input::placeholder {
-	color: rgb(143, 143, 143) !important;
-}
-
-.dark .ant-input-search-button {
-	background-color: transparent;
-	color: white !important;
-}
-
-.dark .anticon svg {
-	color: white !important;
-}
-/* end modal dark mode */
diff --git a/ui/src/styles/antd-overrides.css b/ui/src/styles/antd-overrides.css
new file mode 100644
index 00000000..2e24ea58
--- /dev/null
+++ b/ui/src/styles/antd-overrides.css
@@ -0,0 +1,155 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+	margin-block-start: 0px;
+	margin-block-end: 0px;
+	/* can we do better? */
+	margin-bottom: 0 !important;
+}
+
+.ant-menu {
+	border-inline-end: none !important;
+}
+
+.ant-menu-submenu {
+	/* can we do better? */
+	padding-left: 20px !important;
+	padding-right: 20px !important;
+}
+
+.ant-menu-item {
+	/* can we do better? */
+	padding-left: 32px !important;
+}
+
+.ant-layout-content,
+.notification-container,
+.search_container,
+.ant-menu {
+	&::-webkit-scrollbar {
+		width: var(--bt-size-8);
+	}
+
+	&::-webkit-scrollbar-track {
+		background-color: var(--bt-color-scrollbar-track);
+	}
+
+	&::-webkit-scrollbar-thumb {
+		border-radius: var(--bt-border-radius-4);
+		background-color: var(--bt-color-scrollbar-thumb);
+	}
+}
+
+.ant-layout-content {
+	overflow-x: auto;
+	overflow-y: auto;
+	max-height: 100dvh;
+	scroll-behavior: smooth;
+}
+
+.ant-layout-header {
+	position: sticky;
+	top: 0;
+	z-index: var(--bt-z-index-header);
+	width: 100%;
+	display: flex;
+	align-items: center;
+	padding-inline: 0px;
+}
+
+.ant-menu-title-content {
+	margin-inline-start: 10px;
+}
+
+.ant-btn-icon-only {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.tox-tinymce {
+	/* can we do better? */
+	border-radius: 10px 10px 0px 0px !important;
+}
+
+.ant-select-selection-search-input {
+	font-size: 16px;
+}
+
+.ant-card-cover img {
+	/* can we do better? */
+	border-radius: 0 0 0 0 !important;
+}
+
+/* collapmenu align center */
+.ant-menu-submenu-popup .ant-menu-vertical > .ant-menu-item {
+	display: flex;
+	align-items: center;
+}
+
+/* collapsible menu scroll */
+.ant-menu-submenu-popup .ant-menu-vertical {
+	max-height: 300px !important;
+}
+
+.ant-typography a,
+a {
+	color: grey;
+}
+
+.ant-typography a:hover,
+a:hover {
+	color: whitesmoke;
+}
+
+.ant-typography p {
+	margin-bottom: 0px !important;
+}
+
+/* modal dark mode */
+.dark .ant-modal-content {
+	background-color: #383737 !important;
+	color: white;
+}
+
+.dark .ant-modal-content .ant-modal-header {
+	background-color: transparent !important;
+}
+
+.dark .ant-modal-content .ant-modal-header .ant-modal-title {
+	color: white;
+}
+
+.dark .search_container div:hover {
+	background-color: #817f7f !important;
+}
+
+.dark .ant-input-affix-wrapper {
+	background-color: transparent !important;
+	border-color: #afadad !important;
+}
+
+.dark .ant-input-affix-wrapper .ant-input {
+	background-color: transparent !important;
+	color: white !important;
+}
+
+.dark .ant-input-affix-wrapper .ant-input::placeholder {
+	color: rgb(143, 143, 143) !important;
+}
+
+.dark .ant-input-search-button {
+	background-color: transparent;
+	color: white !important;
+}
+
+.dark .anticon svg {
+	color: white !important;
+}
+/* end modal dark mode */
+
+.ant-layout .ant-layout-sider-children {
+	padding-top: 0px;
+}