diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
index 955b4d09f8e18d7bde9afba9a1d6ce7f0005316b..1d00f152e563f748d61dfbfbee116a9479705ace 100644
--- a/app/templates/base.html.j2
+++ b/app/templates/base.html.j2
@@ -3,18 +3,19 @@
<title>
Opaque - {% block title %}{% endblock %}
</title>
- <!--Import Google Icon Font-->
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ <!-- import materialize icons css -->
+ <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='fonts/material-design-icons-3.0.1/iconfont/material-icons.css') }}">
<!--Import materialize.css-->
- <link type="text/css" rel="stylesheet" href="static/css/materialize.min.css" media="screen,projection"/>
-
+ <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body class="blue-grey lighten-5">
- {% block body %}{% endblock %}
+ {% block body %}
+
+ {% endblock %}
<!--JavaScript at end of body for optimized loading-->
- <script type="text/javascript" src="static/js/materialize.min.js"></script>
+ <script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
</body>
</html>