diff --git a/routes/_components/IconButton.html b/routes/_components/IconButton.html
index 5f6bcab..4f8c9a8 100644
--- a/routes/_components/IconButton.html
+++ b/routes/_components/IconButton.html
@@ -60,16 +60,19 @@
   }
 </style>
 <script>
+
+  import { classname } from '../_utils/classname'
+
   export default {
     computed: {
       computedClass: (pressable, pressed, big, className) => {
-        return [
+        return classname(
           'icon-button',
           !pressable && 'not-pressable',
           pressed && 'pressed',
           big && 'big-icon',
           className
-        ].filter(Boolean).join(' ')
+        )
       }
     }
   }
diff --git a/routes/_components/status/Status.html b/routes/_components/status/Status.html
index 477011d..01c10dd 100644
--- a/routes/_components/status/Status.html
+++ b/routes/_components/status/Status.html
@@ -94,6 +94,7 @@
   import { store } from '../../_store/store'
   import { goto } from 'sapper/runtime.js'
   import { registerClickDelegate, unregisterClickDelegate } from '../../_utils/delegate'
+  import { classname } from '../../_utils/classname'
 
   export default {
     oncreate() {
@@ -124,11 +125,11 @@
     store: () => store,
     helpers: {
       getClasses(originalStatus, timelineType, isStatusInOwnThread) {
-        return [
+        return classname(
           originalStatus.visibility === 'direct' && 'status-direct',
           timelineType !== 'search' && 'status-in-timeline',
           isStatusInOwnThread && 'status-in-own-thread'
-        ].filter(Boolean).join(' ')
+        )
       }
     },
     methods: {
diff --git a/routes/_utils/classname.js b/routes/_utils/classname.js
new file mode 100644
index 0000000..be5d5b7
--- /dev/null
+++ b/routes/_utils/classname.js
@@ -0,0 +1,15 @@
+export function classname () {
+  let res = ''
+  let len = arguments.length
+  let i = -1
+  while (++i < len) {
+    let item = arguments[i]
+    if (item) {
+      if (res) {
+        res += ' '
+      }
+      res += item
+    }
+  }
+  return res
+}