diff --git a/src/view/com/util/layouts/Breakpoints.tsx b/src/view/com/util/layouts/Breakpoints.tsx
index 51c3ccd5..45dc2361 100644
--- a/src/view/com/util/layouts/Breakpoints.tsx
+++ b/src/view/com/util/layouts/Breakpoints.tsx
@@ -3,6 +3,9 @@ import React from 'react'
 export const Desktop = ({}: React.PropsWithChildren<{}>) => null
 export const TabletOrDesktop = ({}: React.PropsWithChildren<{}>) => null
 export const Tablet = ({}: React.PropsWithChildren<{}>) => null
-export const TabletOrMobile = ({children}: React.PropsWithChildren<{}>) =>
-  children
-export const Mobile = ({children}: React.PropsWithChildren<{}>) => children
+export const TabletOrMobile = ({children}: React.PropsWithChildren<{}>) => (
+  <>{children}</>
+)
+export const Mobile = ({children}: React.PropsWithChildren<{}>) => (
+  <>{children}</>
+)