src/components/getExtensionIconLabel.tsx

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

src/pages/home/style.module.scss

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