fix: search bar scaling

src/components/getExtensionIconLabel.tsx

@@ -22,8 +22,10 @@ export const getExtensionIconLabel = (extension: string) => {
       icon = faFilePdf
       break
 
-    case 'xslx':
-    case 'xsl':
+    case 'xlsx':
+    case 'xls':
+    case 'xlsb':
+    case 'xlsm':
       icon = faFileExcel
       break
 

src/pages/home/style.module.scss

@@ -19,11 +19,11 @@
 
 .actionButtons {
   display: flex;
-  justify-content: center;
+  justify-content: end;
   align-items: center;
   gap: 10px;
-  margin-left: auto;
   padding: 1.5px 0;
+  flex-grow: 1;
 }
 
 .search {
@@ -37,6 +37,12 @@
   outline: solid 1px #dddddd;
   background: white;
 
+  width: 100%;
+
+  @container (width >= 610px) {
+    max-width: 246px;
+  }
+
   &:focus-within {
     outline-color: $primary-main;
   }