diff --git a/frontend/src/main.js b/frontend/src/main.js
index 14e9ca8..9ed8e49 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -76,7 +76,7 @@ const router = new VueRouter({
         {path: 'help', name: 'help', component: Help}
       ]
     },
-    {path: '/room/test', name: 'test_room', component: Room},
+    {path: '/room/test', name: 'test_room', component: Room, props: route => ({strConfig: route.query})},
     {
       path: '/room/:roomId',
       name: 'room',
diff --git a/frontend/src/views/StyleGenerator/index.vue b/frontend/src/views/StyleGenerator/index.vue
index e0c2971..694e1bb 100644
--- a/frontend/src/views/StyleGenerator/index.vue
+++ b/frontend/src/views/StyleGenerator/index.vue
@@ -26,11 +26,11 @@
 
     <el-col :sm="24" :md="8">
       <div :style="{position: 'relative', top: `${exampleTop}px`}">
-        <el-form inline style="height: 40px">
-          <el-form-item :label="$t('stylegen.playAnimation')">
+        <el-form inline style="line-height: 40px">
+          <el-form-item :label="$t('stylegen.playAnimation')" style="margin: 0">
             <el-switch v-model="playAnimation" @change="onPlayAnimationChange"></el-switch>
           </el-form-item>
-          <el-form-item :label="$t('stylegen.backgrounds')" style="margin-left: 20px">
+          <el-form-item :label="$t('stylegen.backgrounds')" style="margin: 0 0 0 30px">
             <el-switch v-model="exampleBgLight" :active-text="$t('stylegen.light')" :inactive-text="$t('stylegen.dark')"></el-switch>
           </el-form-item>
         </el-form>