diff --git a/blocks/look-ahead-list/look-ahead-list.css b/blocks/look-ahead-list/look-ahead-list.css
index 83ae15ad..5003bbf8 100644
--- a/blocks/look-ahead-list/look-ahead-list.css
+++ b/blocks/look-ahead-list/look-ahead-list.css
@@ -28,6 +28,10 @@
   width: 100%;
 }
 
+.section.look-ahead-list-container.community-directory-container .look-ahead-list {
+  margin-bottom: 15px;
+}
+
 .look-ahead-list input {
   width: 97%;
   padding: 5px 0 5px 20px;
@@ -69,7 +73,7 @@
   width: 100%;
   overflow-y: auto;
   top: 39px;
-  z-index: 1;
+  z-index: 2;
 }
 
 /* Style for the dropdown options */
diff --git a/blocks/look-ahead-list/look-ahead-list.js b/blocks/look-ahead-list/look-ahead-list.js
index 413018c8..4fa0e9d9 100644
--- a/blocks/look-ahead-list/look-ahead-list.js
+++ b/blocks/look-ahead-list/look-ahead-list.js
@@ -77,6 +77,9 @@ export default async function decorate(block) {
     const listItem = document.createElement('a');
     listItem.href = community.path;
     listItem.innerText = `${communityName.split(',')[0]} (${communityName})`;
+    if (config.text && config.text.toUpperCase() === 'CITY') {
+      listItem.innerText = `${communityName.split(',')[0]}`;
+    }
     dropContent.append(listItem);
   });
   list.append(dropContent);