Use place-content: center;

Author: AlttiRi

demo/App.vue

@@ -2,7 +2,7 @@
   <!-- just for tests -->
   <video src="#" style="background-color: aqua"> TEST </video>
 
-  <FileInput :state="state" :global-drop-zone="false">
+  <FileInput :state="state" :global-drop-zone="true">
     <FileInputSelectedInfo :state="state"/>
   </FileInput>
 

src/components/FileInput.vue

@@ -234,6 +234,7 @@ function onKeyDown(event: KeyboardEvent) {
 
 label {
   display: flex;
+  place-content: center;
   width: 100%;
   height: 100%;
 }