diff --git a/docs/src/pages/components/File.vue b/docs/src/pages/components/File.vue
index 25ffc8c..97e5e63 100644
--- a/docs/src/pages/components/File.vue
+++ b/docs/src/pages/components/File.vue
@@ -30,7 +30,9 @@
       <div slot="example">
         <example-box card-title="Default">
           <div slot="demo">
-            <md-file></md-file>
+            <md-input-container>
+              <md-file></md-file>
+            </md-input-container>
           </div>
 
           <div slot="code">
diff --git a/src/components/mdInputContainer/mdInputContainer.vue b/src/components/mdInputContainer/mdInputContainer.vue
index 6795883..2221703 100644
--- a/src/components/mdInputContainer/mdInputContainer.vue
+++ b/src/components/mdInputContainer/mdInputContainer.vue
@@ -80,7 +80,7 @@
       }
     },
     mounted() {
-      this.input = this.$el.querySelectorAll('input, textarea, select')[0];
+      this.input = this.$el.querySelectorAll('input, textarea, select, .md-file')[0];
 
       if (!this.input) {
         this.$destroy();