diff --git a/components/sidebars/SidebarFileStorageDeal.js b/components/sidebars/SidebarFileStorageDeal.js
index 56ef7784..0483b788 100644
--- a/components/sidebars/SidebarFileStorageDeal.js
+++ b/components/sidebars/SidebarFileStorageDeal.js
@@ -1,10 +1,10 @@
-import * as React from 'react';
-import * as Strings from '~/common/strings';
-import * as Constants from '~/common/constants';
-import * as SVG from '~/components/system/svg';
-import * as System from '~/components/system';
+import * as React from "react";
+import * as Strings from "~/common/strings";
+import * as Constants from "~/common/constants";
+import * as SVG from "~/components/system/svg";
+import * as System from "~/components/system";
 
-import { css } from '@emotion/react';
+import { css } from "@emotion/react";
 
 const STYLES_FILE_HIDDEN = css`
   height: 1px;
@@ -44,17 +44,17 @@ const STYLES_IMAGE_PREVIEW = css`
 `;
 
 const SELECT_MENU_OPTIONS = [
-  { value: '1', name: 'Anywhere' },
-  { value: '2', name: 'China' },
-  { value: '3', name: 'Russia' },
-  { value: '4', name: 'USA' },
+  { value: "1", name: "Anywhere" },
+  { value: "2", name: "China" },
+  { value: "3", name: "Russia" },
+  { value: "4", name: "USA" },
 ];
 
 const SELECT_MENU_MAP = {
-  '1': 'Anywhere',
-  '2': 'China',
-  '3': 'Russia',
-  '4': 'USA',
+  "1": "Anywhere",
+  "2": "China",
+  "3": "Russia",
+  "4": "USA",
 };
 
 export default class SidebarFileStorageDeal extends React.Component {
@@ -70,7 +70,7 @@ export default class SidebarFileStorageDeal extends React.Component {
     let file = e.target.files[0];
 
     if (!file) {
-      alert('Something went wrong');
+      alert("Something went wrong");
       return;
     }
 
@@ -79,16 +79,16 @@ export default class SidebarFileStorageDeal extends React.Component {
 
   _handleMakeDeal = async (src) => {
     const options = {
-      method: 'POST',
-      credentials: 'include',
+      method: "POST",
+      credentials: "include",
       headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
+        Accept: "application/json",
+        "Content-Type": "application/json",
       },
       body: JSON.stringify({ src }),
     };
 
-    const response = await fetch('/_/deals/storage', options);
+    const response = await fetch("/_/deals/storage", options);
     const json = await response.json();
     return json;
   };
diff --git a/scenes/SceneFile.js b/scenes/SceneFile.js
index b1e21db8..230f07b2 100644
--- a/scenes/SceneFile.js
+++ b/scenes/SceneFile.js
@@ -90,7 +90,7 @@ const STYLES_ITEM = css`
   justify-content: center;
   font-size: 12px;
   letter-spacing: 0.2px;
-  font-family: "inter-semi-bold";
+  font-family: ${Constants.font.semiBold};
   transition: 200ms ease all;
   cursor: pointer;
   background-color: ${Constants.system.brand};