diff --git a/src/reducers/engine.ts b/src/reducers/engine.ts
index fce9bc76..1e8d570c 100644
--- a/src/reducers/engine.ts
+++ b/src/reducers/engine.ts
@@ -59,7 +59,7 @@ export const types = {
 export const initialState = {
   isIdle: false,
   isPlaying: false,
-  isPaused: false,
+  isPaused: true,
   isSeeking: false,
   isEnded: false,
   isPlaybackStarted: false,
diff --git a/src/reducers/shell.ts b/src/reducers/shell.ts
index 1566905f..413f8945 100644
--- a/src/reducers/shell.ts
+++ b/src/reducers/shell.ts
@@ -47,7 +47,8 @@ export const ReservedPresetNames = {
   Error: 'Error',
   Idle: 'Idle',
   Img: 'Img',
-  Document: 'Document'
+  Document: 'Document',
+  MiniAudioUI: 'MiniAudioUI'
 };
 
 export const ReservedPresetAreas = {
diff --git a/src/styles/exported.scss b/src/styles/exported.scss
index 6521a9b1..41bb4945 100644
--- a/src/styles/exported.scss
+++ b/src/styles/exported.scss
@@ -43,3 +43,7 @@ $tab-focus-color: var(--playkit-tab-focus-color);
 $tooltip-background-color: var(--playkit-tooltip-background-color);
 $tooltip-color: var(--playkit-tooltip-color);
 $ads-color: var(--playkit-ads-color);
+$playkit-background-color: var(--playkit-background-color);
+$elevated-color: var(--playkit-elevated-color);
+$paper-color: var(--playkit-paper-color);
+$protection-color: var(--playkit-protection-color);