fix overlay

packages/esm-ugandaemr-app/src/app-menu/app-search-bar/app-search-bar.component.tsx

@@ -33,18 +33,6 @@ const AppSearchBar = React.forwardRef<HTMLInputElement, AppSearchBarProps>(
         onSubmit(searchTerm);
       }
     };
-
-    const filteredExtensions = appMenuItems
-      .filter((extension) => {
-        const itemName = extension?.name ?? '';
-        return itemName.toLowerCase().includes(searchTerm.toLowerCase());
-      })
-      .map(() => (
-        <ExtensionSlot name={appMenuItemSlot}>
-          <Extension />
-        </ExtensionSlot>
-      ));
-
     return (
       <>
         <form onSubmit={handleSubmit} className={styles.searchArea}>
@@ -63,13 +51,17 @@ const AppSearchBar = React.forwardRef<HTMLInputElement, AppSearchBarProps>(
           />
         </form>
         <div className={styles.searchItems}>
-          {searchTerm
-            ? filteredExtensions
-            : appMenuItems.map(() => (
-                <ExtensionSlot name={appMenuItemSlot}>
-                  <Extension />
-                </ExtensionSlot>
-              ))}
+          {appMenuItems
+            .filter((extension) => {
+              const itemName = extension?.name ?? '';
+              return itemName.toLowerCase().includes(searchTerm.toLowerCase());
+            })
+            .map(() => (
+              <ExtensionSlot name={appMenuItemSlot}>
+                <Extension />
+              </ExtensionSlot>
+            ))
+          }
         </div>
       </>
     );

packages/esm-ugandaemr-app/src/overlay/overlay.scss

@@ -3,7 +3,7 @@
 @import '~@openmrs/esm-styleguide/src/vars';
 @import '../root.scss';
 .desktopOverlay {
-    position: absolute;
+    position: fixed;
     top: spacing.$spacing-09;
     right: 0;
     width: 50%;