From 83053629ac613ce83400fefadbec178b9d593e44 Mon Sep 17 00:00:00 2001
From: darth-coder00 <mr.wannabe26@gmail.com>
Date: Fri, 13 Aug 2021 00:23:41 +0530
Subject: [PATCH] Some css updates

---
 .../src/components/common/rich-text-editor/RichTextEditor.tsx | 4 ++--
 .../src/main/resources/ui/src/styles/tailwind.css             | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/catalog-rest-service/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditor.tsx b/catalog-rest-service/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditor.tsx
index 0d1b8ba36f9..586962250b1 100644
--- a/catalog-rest-service/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditor.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditor.tsx
@@ -109,7 +109,7 @@ const RichTextEditor = forwardRef<editorRef, EditorProp>(
 
     return (
       <>
-        <div className="tw-min-h-32 tw-border tw-border-gray-300 tw-rounded tw-overflow-y-auto">
+        <div className="tw-min-h-32 tw-border tw-border-main tw-rounded tw-overflow-y-auto">
           <Editor
             editorClassName="tw-px-1 tw-min-h-32"
             editorState={editorState}
@@ -117,7 +117,7 @@ const RichTextEditor = forwardRef<editorRef, EditorProp>(
             toolbar={{
               options: [],
             }}
-            toolbarClassName="tw-py-2 tw-border tw-border-gray-300"
+            toolbarClassName="tw-py-2 tw-border-0 tw-border-b tw-border-main"
             toolbarCustomButtons={
               customOptions ?? [
                 <Bold key="bold" />,
diff --git a/catalog-rest-service/src/main/resources/ui/src/styles/tailwind.css b/catalog-rest-service/src/main/resources/ui/src/styles/tailwind.css
index eb87b7faf5e..8b0934bcfda 100644
--- a/catalog-rest-service/src/main/resources/ui/src/styles/tailwind.css
+++ b/catalog-rest-service/src/main/resources/ui/src/styles/tailwind.css
@@ -98,7 +98,7 @@
     @apply tw-border-b tw-border-separator;
   }
   .tw-gh-tabs {
-    @apply tw-text-grey-muted tw-font-normal tw-pt-4 tw-pb-2 tw-px-6 tw-block tw-border-b-2 tw-border-transparent hover:tw-border-gray-300 focus:tw-outline-none;
+    @apply tw-text-grey-muted tw-font-normal tw-pt-4 tw-pb-2 tw-px-6 tw-block tw-border-b-2 tw-border-transparent hover:tw-border-main focus:tw-outline-none;
   }
   .tw-gh-tabs.active {
     @apply tw-text-grey-body tw-border-b-2 tw-border-orange-400;