diff --git a/invenio_communities/assets/semantic-ui/js/invenio_communities/community/communitiesItems/CommunityCompactItemComputer.js b/invenio_communities/assets/semantic-ui/js/invenio_communities/community/communitiesItems/CommunityCompactItemComputer.js
index a758eb8df..10118959c 100644
--- a/invenio_communities/assets/semantic-ui/js/invenio_communities/community/communitiesItems/CommunityCompactItemComputer.js
+++ b/invenio_communities/assets/semantic-ui/js/invenio_communities/community/communitiesItems/CommunityCompactItemComputer.js
@@ -10,7 +10,7 @@ import PropTypes from "prop-types";
 import _truncate from "lodash/truncate";
 
 import { Image, InvenioPopup } from "react-invenio-forms";
-import { Icon, Label } from "semantic-ui-react";
+import { Icon, Label, Item } from "semantic-ui-react";
 import { CommunityTypeLabel, RestrictedLabel } from "../labels";
 
 export const CommunityCompactItemComputer = ({
@@ -25,19 +25,22 @@ export const CommunityCompactItemComputer = ({
   const { metadata, ui, links, access, id } = result;
   const communityType = ui?.type?.title_l10n;
   return (
-    <div
+
+    <Item
       key={id}
       className={`community-item tablet computer only display-grid auto-column-grid no-wrap ${itemClassName}`}
+
     >
+
       <div className="flex align-items-center">
         <Image
           wrapped
           size="tiny"
           src={links.logo}
           alt=""
+
           className="community-image rel-mr-2"
         />
-
         <div>
           <div className="flex align-items-center rel-mb-1">
             <a
@@ -95,7 +98,7 @@ export const CommunityCompactItemComputer = ({
         )}
         {actions}
       </div>
-    </div>
+    </Item>
   );
 };
 
diff --git a/invenio_communities/communities/records/jsonschemas/communities/communities-v1.0.0.json b/invenio_communities/communities/records/jsonschemas/communities/communities-v1.0.0.json
index 402f69084..5e601ed37 100644
--- a/invenio_communities/communities/records/jsonschemas/communities/communities-v1.0.0.json
+++ b/invenio_communities/communities/records/jsonschemas/communities/communities-v1.0.0.json
@@ -150,8 +150,8 @@
       "description": "Community theme settings.",
       "additionalProperties": false,
       "properties": {
-        "config": {
-          "description": "Theme config.",
+        "style": {
+          "description": "Theme style.",
           "type": "object"
         },
         "brand": {
diff --git a/invenio_communities/communities/records/mappings/os-v2/communities/communities-v1.0.0.json b/invenio_communities/communities/records/mappings/os-v2/communities/communities-v1.0.0.json
index 5de560103..362eaffe7 100644
--- a/invenio_communities/communities/records/mappings/os-v2/communities/communities-v1.0.0.json
+++ b/invenio_communities/communities/records/mappings/os-v2/communities/communities-v1.0.0.json
@@ -123,7 +123,7 @@
           "brand": {
             "type": "keyword"
           },
-          "config": {
+          "style": {
             "type": "object"
           }
         }
diff --git a/invenio_communities/communities/schema.py b/invenio_communities/communities/schema.py
index 0321ec8ad..829feaba7 100644
--- a/invenio_communities/communities/schema.py
+++ b/invenio_communities/communities/schema.py
@@ -161,7 +161,7 @@ class DeletionStatusSchema(Schema):
     status = fields.String(dump_only=True)
 
 
-class CommunityThemeConfigSchema(Schema):
+class CommunityThemeStyleSchema(Schema):
     """Community Theme configuration schema."""
 
     font = fields.Dict()
@@ -177,7 +177,7 @@ class CommunityThemeConfigSchema(Schema):
 class CommunityThemeSchema(Schema):
     """Community theme schema."""
 
-    config = fields.Nested(CommunityThemeConfigSchema)
+    style = fields.Nested(CommunityThemeStyleSchema)
     brand = fields.Str()
 
 
diff --git a/invenio_communities/views/communities.py b/invenio_communities/views/communities.py
index 7cd0a725c..6b4811812 100644
--- a/invenio_communities/views/communities.py
+++ b/invenio_communities/views/communities.py
@@ -442,7 +442,7 @@ def communities_curation_policy(pid_value, community, community_ui):
 @pass_community(serialize=False)
 def community_theme_css_config(pid_value, revision, community):
     """Community brand theme view to serve css config."""
-    theme_config = community.data.get("theme", {}).get("config")
+    theme_config = community.data.get("theme", {}).get("style")
 
     if theme_config is None:
         template = ""
diff --git a/tests/communities/test_services.py b/tests/communities/test_services.py
index 03018e0db..beaada454 100644
--- a/tests/communities/test_services.py
+++ b/tests/communities/test_services.py
@@ -530,7 +530,7 @@ def test_theme_updates(
 
     theme_data = {
         "theme": {
-            "config": {
+            "style": {
                 "primaryColor": "#004494",
                 "tertiaryColor": "#e3eefd",
                 "secondaryColor": "#FFD617",