diff --git a/addons/cssresources/src/css-resource-panel.test.js b/addons/cssresources/src/css-resource-panel.test.js
index 2d3353e7a1ef..7a9c71ed0b2e 100644
--- a/addons/cssresources/src/css-resource-panel.test.js
+++ b/addons/cssresources/src/css-resource-panel.test.js
@@ -55,8 +55,8 @@ describe('CSSResourcePanel', () => {
       expect(node).toHaveState({ list: [], currentStoryId: '' });
     });
 
-    it('should not render anything', () => {
-      expect(node).toBeEmptyRender();
+    it('should render an empty div', () => {
+      expect(node.html()).toEqual('<div></div>');
     });
   });
 
diff --git a/addons/cssresources/src/css-resource-panel.tsx b/addons/cssresources/src/css-resource-panel.tsx
index a3aaca1aaec4..0c159c31db8f 100644
--- a/addons/cssresources/src/css-resource-panel.tsx
+++ b/addons/cssresources/src/css-resource-panel.tsx
@@ -87,7 +87,7 @@ export class CssResourcePanel extends Component<Props, State> {
     }
 
     return (
-      <Fragment>
+      <div>
         {list &&
           list.map(({ id, code, picked }) => (
             <div key={id} style={{ padding: 10 }}>
@@ -98,7 +98,7 @@ export class CssResourcePanel extends Component<Props, State> {
               {code ? <SyntaxHighlighter language="html">{code}</SyntaxHighlighter> : null}
             </div>
           ))}
-      </Fragment>
+      </div>
     );
   }
 }