diff --git a/example_project/provider_app/templates/oidc_provider/authorize.html b/example_project/provider_app/templates/oidc_provider/authorize.html
index ccc7065..a00798a 100644
--- a/example_project/provider_app/templates/oidc_provider/authorize.html
+++ b/example_project/provider_app/templates/oidc_provider/authorize.html
@@ -2,29 +2,25 @@
 
 {% block content %}
 
-<div class="panel panel-default">
-  <div class="panel-heading">
-    <h3 class="panel-title">Request for Permission</h3>
-  </div>
-  <div class="panel-body">
-    <p>Client <strong>{{ client.name }}</strong> would like to access this information of you ...</p>
+    <div class="ui page grid">
+        <div class="row">
+            <div class="nine wide centered column">
+                <div class="ui segment">
+                    <h1 class="ui header">Request for Permission</h1>
+                    <h2 class="ui header"><div class="sub header">Client <strong>{{ client.name }}</strong> would like to access this information of you ...</div></h2>
+                    <form method="post" action="{% url 'oidc_provider:authorize' %}">
+                        {% csrf_token %}
+                        {{ hidden_inputs }}
+                        <div class="ui celled list">
+                        {% for scope in params.scope %}
+                            <div class="item">{{ scope | capfirst }}</div>
+                        {% endfor %}
+                        </div>
+                        <input name="allow" class="positive ui button" type="submit" value="Authorize" />
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
 
-    <form method="post" action="{% url 'oidc_provider:authorize' %}">
-
-      {% csrf_token %}
-
-      {{ hidden_inputs }}
-
-      <ul>
-      {% for scope in params.scope %}
-          <li>{{ scope | capfirst }}</li>
-      {% endfor %}
-      </ul>
-
-      <input name="allow" class="btn btn-primary btn-lg btn-block" type="submit" value="Authorize" />
-
-    </form>
-  </div>
-</div>
-
-{% endblock %}
\ No newline at end of file
+{% endblock %}  
\ No newline at end of file
diff --git a/example_project/provider_app/templates/oidc_provider/error.html b/example_project/provider_app/templates/oidc_provider/error.html
index b6e75dd..6c09ef9 100644
--- a/example_project/provider_app/templates/oidc_provider/error.html
+++ b/example_project/provider_app/templates/oidc_provider/error.html
@@ -2,13 +2,18 @@
 
 {% block content %}
 
-<div class="panel panel-danger">
-  <div class="panel-heading">
-    <h3 class="panel-title">{{ error }}</h3>
-  </div>
-  <div class="panel-body">
-    {{ description }}
-  </div>
-</div>
+    <div class="ui page grid">
+        <div class="row">
+            <div class="nine wide centered column">
+                <div class="ui icon negative large message">
+					<i class="meh icon"></i>
+					<div class="content">
+						<div class="header">{{ error }}</div>
+						<p>{{ description }}</p>
+					</div>
+				</div>
+            </div>
+        </div>
+    </div>
 
 {% endblock %}
\ No newline at end of file