use the middle dot luke

elastic · Oct 19, 2022 · 7b83fe1 · 7b83fe1
1 parent ba7f6bd
commit 7b83fe1
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/x-pack/plugins/files/public/components/file_picker/components/file_card.tsx b/x-pack/plugins/files/public/components/file_picker/components/file_card.tsx
@@ -91,18 +91,19 @@ export const FileCard: FunctionComponent<Props> = ({ file }) => {
           </EuiText>
           <EuiText color="subdued" size="xs">
             {numeral(file.size).format('0[.]0 b')}
+            {file.extension && (
+              <>
+                &nbsp; &#183; &nbsp;
+                <span
+                  css={css`
+                    text-transform: uppercase;
+                  `}
+                >
+                  {file.extension}
+                </span>
+              </>
+            )}
           </EuiText>
-          {file.extension ? (
-            <EuiText
-              css={css`
-                text-transform: uppercase;
-              `}
-              color="subdued"
-              size="xs"
-            >
-              {file.extension}
-            </EuiText>
-          ) : null}
         </>
       }
       hasBorder