diff --git a/src/app/commons/component/layout/breadcrumb/app.breadcrumb.component.html b/src/app/commons/component/layout/breadcrumb/app.breadcrumb.component.html
index 3ac3390..7e4e0ad 100644
--- a/src/app/commons/component/layout/breadcrumb/app.breadcrumb.component.html
+++ b/src/app/commons/component/layout/breadcrumb/app.breadcrumb.component.html
@@ -5,13 +5,13 @@
                 <i class="material-icons">home</i>
             </a>
         </li>
-        <li>/</li>
+        <li>&nbsp;/&nbsp;</li>
         <ng-template ngFor let-item let-last="last" [ngForOf]="items">
             <li>
                 <a [routerLink]="item.routerLink" *ngIf="item.routerLink">{{item.label}}</a>
                 <ng-container *ngIf="!item.routerLink">{{item.label}}</ng-container>
             </li>
-            <li *ngIf="!last">/</li>
+            <li *ngIf="!last">&nbsp;/&nbsp;</li>
         </ng-template>
     </ul>
 </div>
\ No newline at end of file
diff --git a/src/app/commons/component/layout/footer/app.footer.component.html b/src/app/commons/component/layout/footer/app.footer.component.html
index ea90dbe..6098c54 100644
--- a/src/app/commons/component/layout/footer/app.footer.component.html
+++ b/src/app/commons/component/layout/footer/app.footer.component.html
@@ -1,9 +1,13 @@
-<div class="footer">
-    <div class="card clearfix">
-        <span class="footer-text-left">Loafle</span>
-        <span class="footer-text-right">
-            <span class="material-icons ui-icon-copyright"></span>
-            <span>All Rights Reserved</span>
-        </span>
+<div class="ui-g-12">
+    <div class="ui-g-12">
+        <div class="footer">
+            <div class="card clearfix">
+                <span class="footer-text-left">Loafle</span>
+                <span class="footer-text-right">
+                    <span class="material-icons ui-icon-copyright"></span>
+                    <span>All Rights Reserved</span>
+                </span>
+            </div>
+        </div>
     </div>
 </div>
\ No newline at end of file