Fix several call tabs UI issues

stylesheets/components/SendStoryModal.scss

@@ -50,6 +50,10 @@
     user-select: none;
   }
 
+  &__top-bar-title {
+    flex: 1;
+  }
+
   &__new-story {
     &__button {
       font-weight: 500;

stylesheets/components/Stories.scss

@@ -34,12 +34,7 @@
     &__add-story__button {
       height: 20px;
       width: 20px;
-      @include light-theme {
-        @include color-svg('../images/icons/v3/plus/plus.svg', $color-black);
-      }
-      @include dark-theme {
-        @include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-15);
-      }
+      @include color-svg('../images/icons/v3/plus/plus.svg', $color-white);
 
       &:focus {
         @include keyboard-mode {

ts/components/SendStoryModal.tsx

@@ -893,7 +893,10 @@ export function SendStoryModal({
           />
         </div>
         <div className="SendStoryModal__top-bar">
+          <div className="SendStoryModal__top-bar-title">
             {i18n('icu:stories')}
+          </div>
+          <div className="SendStoryModal__top-bar-actions">
             <ContextMenu
               aria-label={i18n('icu:SendStoryModal__new')}
               i18n={i18n}
@@ -908,7 +911,9 @@ export function SendStoryModal({
                 },
                 {
                   label: i18n('icu:SendStoryModal__new-group--title'),
-                description: i18n('icu:SendStoryModal__new-group--description'),
+                  description: i18n(
+                    'icu:SendStoryModal__new-group--description'
+                  ),
                   icon: 'SendStoryModal__icon--group',
                   onClick: () => setPage(Page.ChooseGroups),
                 },
@@ -937,6 +942,7 @@ export function SendStoryModal({
               )}
             </ContextMenu>
           </div>
+        </div>
         {fullList.map(listOrGroup =>
           // only group has a type field
           'type' in listOrGroup

ts/util/filterAndSortConversations.ts

@@ -93,7 +93,7 @@ function searchConversations(
   searchTerm: string,
   regionCode: string | undefined
 ): ReadonlyArray<Pick<Fuse.FuseResult<ConversationType>, 'item' | 'score'>> {
-  const maybeCommand = searchTerm.match(/^!([^\s]+):(.*)$/);
+  const maybeCommand = searchTerm.match(/^!([^\s:]+)(?::(.*))?$/);
   if (maybeCommand) {
     const [, commandName, query] = maybeCommand;