diff --git a/projects/aca-folder-rules/src/lib/manage-rules/manage-rules.smart-component.scss b/projects/aca-folder-rules/src/lib/manage-rules/manage-rules.smart-component.scss
index 024af5d02..20037426d 100644
--- a/projects/aca-folder-rules/src/lib/manage-rules/manage-rules.smart-component.scss
+++ b/projects/aca-folder-rules/src/lib/manage-rules/manage-rules.smart-component.scss
@@ -51,16 +51,20 @@
         z-index: 1;
         display: flex;
         flex-direction: row;
-        align-items: center;
+        align-items: flex-start;
+        overflow-x: auto;
         justify-content: space-between;
         padding: 12px 20px;
         border-bottom: 1px solid var(--theme-border-color);
         background-color: var(--theme-background-color);
+        column-gap: 20px;
 
         &__title {
           display: flex;
           flex-direction: column;
           gap: 4px;
+          word-wrap: break-word;
+          min-width: 100px;
 
           &__name {
             font-size: 1.2em;
diff --git a/projects/aca-folder-rules/src/lib/rule-list/rule-list-item/rule-list-item.ui-component.scss b/projects/aca-folder-rules/src/lib/rule-list/rule-list-item/rule-list-item.ui-component.scss
index f8c16f29a..f0b2f5cc0 100644
--- a/projects/aca-folder-rules/src/lib/rule-list/rule-list-item/rule-list-item.ui-component.scss
+++ b/projects/aca-folder-rules/src/lib/rule-list/rule-list-item/rule-list-item.ui-component.scss
@@ -22,12 +22,16 @@
     &__name {
       font-size: 1.2em;
       font-weight: bold;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }
 
   &__description {
     font-size: 0.8em;
     font-style: italic;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   &.selected {