diff --git a/frontend/src/component/strategies/__tests__/__snapshots__/list-component-test.jsx.snap b/frontend/src/component/strategies/__tests__/__snapshots__/list-component-test.jsx.snap
index df427c3075..bf855a0b17 100644
--- a/frontend/src/component/strategies/__tests__/__snapshots__/list-component-test.jsx.snap
+++ b/frontend/src/component/strategies/__tests__/__snapshots__/list-component-test.jsx.snap
@@ -1,138 +1,142 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders correctly with one strategy 1`] = `
-<react-mdl-Grid
-  className="mdl-color--white"
+<react-mdl-Card
+  className="fullwidth"
+  shadow={0}
+  style={
+    Object {
+      "overflow": "visible",
+    }
+  }
 >
-  <react-mdl-Cell
-    col={12}
+  <div
+    style={
+      Object {
+        "borderBottom": "1px solid #f1f1f1",
+        "display": "flex",
+        "marginBottom": "10px",
+        "padding": "16px 20px ",
+      }
+    }
   >
     <div
       style={
         Object {
-          "borderBottom": "1px solid #f1f1f1",
-          "display": "flex",
-          "marginBottom": "10px",
-          "padding": "16px 20px ",
+          "flex": "2",
         }
       }
     >
-      <div
+      <h6
         style={
           Object {
-            "flex": "2",
+            "margin": 0,
           }
         }
       >
-        <h6
-          style={
-            Object {
-              "margin": 0,
-            }
-          }
-        >
-          Strategies
-        </h6>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "textAlign": "right",
-          }
-        }
-      >
-        <react-mdl-IconButton
-          name="add"
-          onClick={[Function]}
-          raised={true}
-          title="Add new strategy"
-        />
-      </div>
+        Strategies
+      </h6>
     </div>
-    <react-mdl-List>
-      <react-mdl-ListItem
-        twoLine={true}
+    <div
+      style={
+        Object {
+          "flex": "1",
+          "textAlign": "right",
+        }
+      }
+    >
+      <react-mdl-IconButton
+        name="add"
+        onClick={[Function]}
+        raised={true}
+        title="Add new strategy"
+      />
+    </div>
+  </div>
+  <react-mdl-List>
+    <react-mdl-ListItem
+      twoLine={true}
+    >
+      <react-mdl-ListItemContent
+        icon="extension"
+        subtitle="another's description"
       >
-        <react-mdl-ListItemContent
-          icon="extension"
-          subtitle="another's description"
-        >
-          <a
-            href="/strategies/view/Another"
-            onClick={[Function]}
-          >
-            <strong>
-              Another
-            </strong>
-          </a>
-        </react-mdl-ListItemContent>
-        <react-mdl-IconButton
-          name="delete"
+        <a
+          href="/strategies/view/Another"
           onClick={[Function]}
-        />
-      </react-mdl-ListItem>
-    </react-mdl-List>
-  </react-mdl-Cell>
-</react-mdl-Grid>
+        >
+          <strong>
+            Another
+          </strong>
+        </a>
+      </react-mdl-ListItemContent>
+      <react-mdl-IconButton
+        name="delete"
+        onClick={[Function]}
+      />
+    </react-mdl-ListItem>
+  </react-mdl-List>
+</react-mdl-Card>
 `;
 
 exports[`renders correctly with one strategy without permissions 1`] = `
-<react-mdl-Grid
-  className="mdl-color--white"
+<react-mdl-Card
+  className="fullwidth"
+  shadow={0}
+  style={
+    Object {
+      "overflow": "visible",
+    }
+  }
 >
-  <react-mdl-Cell
-    col={12}
+  <div
+    style={
+      Object {
+        "borderBottom": "1px solid #f1f1f1",
+        "display": "flex",
+        "marginBottom": "10px",
+        "padding": "16px 20px ",
+      }
+    }
   >
     <div
       style={
         Object {
-          "borderBottom": "1px solid #f1f1f1",
-          "display": "flex",
-          "marginBottom": "10px",
-          "padding": "16px 20px ",
+          "flex": "2",
         }
       }
     >
-      <div
+      <h6
         style={
           Object {
-            "flex": "2",
+            "margin": 0,
           }
         }
       >
-        <h6
-          style={
-            Object {
-              "margin": 0,
-            }
-          }
-        >
-          Strategies
-        </h6>
-      </div>
-      
+        Strategies
+      </h6>
     </div>
-    <react-mdl-List>
-      <react-mdl-ListItem
-        twoLine={true}
+    
+  </div>
+  <react-mdl-List>
+    <react-mdl-ListItem
+      twoLine={true}
+    >
+      <react-mdl-ListItemContent
+        icon="extension"
+        subtitle="another's description"
       >
-        <react-mdl-ListItemContent
-          icon="extension"
-          subtitle="another's description"
+        <a
+          href="/strategies/view/Another"
+          onClick={[Function]}
         >
-          <a
-            href="/strategies/view/Another"
-            onClick={[Function]}
-          >
-            <strong>
-              Another
-            </strong>
-          </a>
-        </react-mdl-ListItemContent>
-        
-      </react-mdl-ListItem>
-    </react-mdl-List>
-  </react-mdl-Cell>
-</react-mdl-Grid>
+          <strong>
+            Another
+          </strong>
+        </a>
+      </react-mdl-ListItemContent>
+      
+    </react-mdl-ListItem>
+  </react-mdl-List>
+</react-mdl-Card>
 `;