diff --git a/src/main/resources/static/css/spectrum.css b/src/main/resources/static/css/spectrum.css
new file mode 100644
index 0000000000000000000000000000000000000000..6a079541a765a9d296a5153a51fbadde334105eb
--- /dev/null
+++ b/src/main/resources/static/css/spectrum.css
@@ -0,0 +1,10 @@
+#customColorPickerContainer .sp-replacer {
+    border: none;
+    padding: 0;
+}
+
+#customColorPickerContainer .sp-preview {
+    border: none;
+    height: 100%;
+    width: 100%;
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/categories/newCategory.ftl b/src/main/resources/templates/categories/newCategory.ftl
index 5dd6a797189ee4a4ce1e744ba86431b405c1537b..ef9856ba0529e45c038e28329761504c2fc29b7a 100644
--- a/src/main/resources/templates/categories/newCategory.ftl
+++ b/src/main/resources/templates/categories/newCategory.ftl
@@ -13,6 +13,7 @@
 
         <@header.header "BudgetMaster - ${title}"/>
         <link type="text/css" rel="stylesheet" href="<@s.url '${"/css/libs/spectrum.css"}'/>"/>
+        <@header.style "spectrum"/>
     </head>
     <@header.body>
         <#import "../helpers/navbar.ftl" as navbar>