diff --git a/src/App.scss b/src/App.scss
index 2a93b1ff..599692e8 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -17,13 +17,13 @@ $grid-active-border-color: $white;
 
 $toolbar-height: 55px;
 
-$achievement-width: 650px;
-$achievement-height: 400px;
+$achievement-width: 350px;
+$achievement-height: 370px;
 
 $avatar-editor-width: 620px;
 $avatar-editor-height: 374px;
 
-$catalog-width: 620px;
+$catalog-width: 630px;
 $catalog-height: 400px;
 
 $inventory-width: 528px;
diff --git a/src/App.tsx b/src/App.tsx
index 9d050bd9..643aedf4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,9 +11,9 @@ import { MainView } from './views/main/MainView';
 
 export const App: FC<{}> = props =>
 {
-    const [ isReady, setIsReady ]   = useState(false);
-    const [ isError, setIsError ]   = useState(false);
-    const [ message, setMessage ]   = useState('Getting Ready');
+    const [ isReady, setIsReady ] = useState(false);
+    const [ isError, setIsError ] = useState(false);
+    const [ message, setMessage ] = useState('Getting Ready');
 
     //@ts-ignore
     if(!NitroConfig) throw new Error('NitroConfig is not defined!');