diff --git a/packages/app-webdir-ui/src/WebDirectoryComponent/index.js b/packages/app-webdir-ui/src/WebDirectoryComponent/index.js
index 0cf5ebbb61..4dea01a4cf 100644
--- a/packages/app-webdir-ui/src/WebDirectoryComponent/index.js
+++ b/packages/app-webdir-ui/src/WebDirectoryComponent/index.js
@@ -166,6 +166,14 @@ function WebDirectory({
     return (
       <>
         <WebDirLayout className={gridView ? "grid-view" : ""}>
+          <ViewSelector view={gridView} setView={setGridView} label="View" />
+          <div className="sort">
+            <SortPicker
+              customSortOptions={customSortOptions}
+              sort={sort}
+              onChange={val => setNewSort(val)}
+            />
+          </div>
           {alphaFilter === "true" && (
             <FilterComponent
               filterLabel="Filter By Last Initial"
@@ -178,14 +186,6 @@ function WebDirectory({
               }
             />
           )}
-          <ViewSelector view={gridView} setView={setGridView} label="View" />
-          <div className="sort">
-            <SortPicker
-              customSortOptions={customSortOptions}
-              sort={sort}
-              onChange={val => setNewSort(val)}
-            />
-          </div>
           <div className="results">
             <ASUSearchResultsList
               engine={enginesWithParams[searchTypeEngineMap[searchType]]}