diff --git a/dashboard/divId/divIds.component.html b/dashboard/divId/divIds.component.html
index f693cf22..5529b9fa 100644
--- a/dashboard/divId/divIds.component.html
+++ b/dashboard/divId/divIds.component.html
@@ -13,10 +13,10 @@
               class="title">{{type.label}}</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav uk-margin-left"
@@ -27,7 +27,7 @@
             </ul>
           </div>
         </div>
-        <div class="uk-margin-left">
+        <div>
           <a (click)="newDivId()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">
diff --git a/dashboard/entity/entities.component.html b/dashboard/entity/entities.component.html
index e96cf43a..d24761f6 100644
--- a/dashboard/entity/entities.component.html
+++ b/dashboard/entity/entities.component.html
@@ -13,10 +13,10 @@
               (click)="filterForm.get('status').setValue('disabled')"><span class="title">Disabled</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search entity"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav uk-margin-left"
@@ -35,7 +35,7 @@
             </ul>
           </div>
         </div>
-        <div *ngIf="isPortalAdministrator" class="uk-margin-left">
+        <div *ngIf="isPortalAdministrator">
           <a (click)="newEntity()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">
diff --git a/dashboard/page/pages.component.html b/dashboard/page/pages.component.html
index a919b7dc..c078caaf 100644
--- a/dashboard/page/pages.component.html
+++ b/dashboard/page/pages.component.html
@@ -13,10 +13,10 @@
               class="title">{{type.label}}</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search page"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav  uk-margin-left"
@@ -32,7 +32,7 @@
             </ul>
           </div>
         </div>
-        <div *ngIf="isPortalAdministrator" class="uk-margin-left">
+        <div *ngIf="isPortalAdministrator">
           <a (click)="newPage()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">
diff --git a/dashboard/portal/portals.component.html b/dashboard/portal/portals.component.html
index c8645598..1e9ac196 100644
--- a/dashboard/portal/portals.component.html
+++ b/dashboard/portal/portals.component.html
@@ -13,10 +13,10 @@
               class="title">{{type.label}}</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search page"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav uk-margin-left"
@@ -27,7 +27,7 @@
             </ul>
           </div>
         </div>
-        <div class="uk-margin-left">
+        <div>
           <a (click)="newCommunity()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">