diff --git a/addon/components/file-icon.hbs b/addon/components/file-icon.hbs
new file mode 100644
index 0000000..fb5c4b1
--- /dev/null
+++ b/addon/components/file-icon.hbs
@@ -0,0 +1 @@
+{{yield}}
\ No newline at end of file
diff --git a/addon/components/file-icon.js b/addon/components/file-icon.js
new file mode 100644
index 0000000..d6942bb
--- /dev/null
+++ b/addon/components/file-icon.js
@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class FileIconComponent extends Component {}
diff --git a/addon/styles/layout/next.css b/addon/styles/layout/next.css
index 896600d..8feb518 100644
--- a/addon/styles/layout/next.css
+++ b/addon/styles/layout/next.css
@@ -1848,3 +1848,11 @@ input.order-list-overlay-search:hover,
 input.order-list-overlay-search:focus {
     box-shadow: none;
 }
+
+.console-home-container {
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    max-width: 1200px;
+}
\ No newline at end of file
diff --git a/app/components/file-icon.js b/app/components/file-icon.js
new file mode 100644
index 0000000..b525652
--- /dev/null
+++ b/app/components/file-icon.js
@@ -0,0 +1 @@
+export { default } from '@fleetbase/ember-ui/components/file-icon';
diff --git a/package.json b/package.json
index 044e663..cf82ded 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/ember-ui",
-    "version": "0.2.6",
+    "version": "0.2.7",
     "description": "Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.",
     "keywords": [
         "fleetbase-ui",
@@ -66,7 +66,7 @@
         "ember-concurrency": "^2.3.7",
         "ember-concurrency-decorators": "^2.0.3",
         "ember-concurrency-test-waiter": "^0.4.0",
-        "ember-file-upload": "^7.3.0",
+        "ember-file-upload": "8.4.0",
         "ember-focus-trap": "^1.0.1",
         "ember-get-config": "^2.1.1",
         "ember-infinity": "^2.3.0",
diff --git a/tests/integration/components/file-icon-test.js b/tests/integration/components/file-icon-test.js
new file mode 100644
index 0000000..f5a38be
--- /dev/null
+++ b/tests/integration/components/file-icon-test.js
@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'dummy/tests/helpers';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | file-icon', function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+        // Set any properties with this.set('myProperty', 'value');
+        // Handle any actions with this.set('myAction', function(val) { ... });
+
+        await render(hbs`<FileIcon />`);
+
+        assert.dom(this.element).hasText('');
+
+        // Template block usage:
+        await render(hbs`
+      <FileIcon>
+        template block text
+      </FileIcon>
+    `);
+
+        assert.dom(this.element).hasText('template block text');
+    });
+});