diff --git a/public/css/akaunting-color.css b/public/css/akaunting-color.css
index 2f489568c..f0b33e61d 100644
--- a/public/css/akaunting-color.css
+++ b/public/css/akaunting-color.css
@@ -281,7 +281,8 @@ a.text-yellow:focus
 /*--Secondary Color Finish--*/
 
 /*--Info Color--*/
-.alert-info {
+.alert-info
+{
     color: #ffffff;
     border-color: #328aef;
     background-color: #328aef;
@@ -688,7 +689,7 @@ a.bg-yellow:focus,
 button.bg-yellow:hover,
 button.bg-yellow:focus
 {
-background-color: #bcbf03 !important;
+    background-color: #bcbf03 !important;
 }
 /*--Yellow Color Finish--*/
 /*--------Background Colors Finish--------*/
diff --git a/public/css/custom.css b/public/css/custom.css
index 7bc1d2807..b4d5d9c4b 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -223,7 +223,6 @@ button:focus
     font-size: 0.5rem;
 }
 
-
 .nav-link .badge-reminder
 {
     position: absolute;
@@ -353,7 +352,6 @@ button:focus
 }
 /*--------Border Bottom Finish--------*/
 
-
 /*--------Border Top Style--------*/
 .border-top-style
 {
@@ -361,7 +359,6 @@ button:focus
 }
 /*--------Border Top Style Finish--------*/
 
-
 /*--------Border Bottom Style--------*/
 .border-bottom-style
 {
@@ -428,14 +425,6 @@ button:focus
 /*--------Card Action Button Finish--------*/
 
 
-/*--Table Layout Fixed--*/
-.table-layout-fixed
-{
-    table-layout: fixed;
-}
-/*--Table Layout Fixed Finish--*/
-
-
 /*--Akaunting Button Animation--*/
 .aka-loader-frame
 {
@@ -513,7 +502,6 @@ button:focus
 
 
 /*--------Settings Index Page--------*/
-
 /*--------Settings Icons--------*/
 .settings-icons
 {
@@ -551,14 +539,6 @@ button:focus
 /*--------Pagination Alignment Finish--------*/
 
 
-/*--------Font Size 1--------*/
-.font-size-1
-{
-    font-size: 1rem !important;
-}
-/*--------Font Size 1 Finish--------*/
-
-
 /*--------Avatar Size--------*/
 .avatar-size
 {
@@ -576,7 +556,6 @@ button:focus
 }
 /*--------Button Disabled Hover Finish--------*/
 
-
 /*--------Recurring Inputs--------*/
 .recurring-single
 {
@@ -616,6 +595,7 @@ button:focus
 }
 /*--------Height 0 Finish--------*/
 
+
 /*--------Editor Text--------*/
 .ql-editor p
 {
@@ -734,47 +714,20 @@ table .align-items-center td span.badge
 /*--Save Buttons Responsive Finish--*/
 
 
-/*--Left Menu Stabilize--*/
-.g-sidenav-show .sidenav
-{
-    max-width: 250px !important;
-}
-
-.g-sidenav-show .sidenav .navbar-brand,
-.g-sidenav-show .sidenav .navbar-heading
-{
-    display: block;
-}
-
-.g-sidenav-show .sidenav.fixed-left + .main-content
-{
-    margin-left: 250px;
-}
-
-.g-sidenav-show .sidenav.fixed-right + .main-content
-{
-    margin-right: 250px;
-}
-
-.g-sidenav-show .sidenav
-{
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-
-.sidenav-show .navbar-top .navbar-brand
-{
-    display: none;
-}
-/*--Left Menu Stabilize Finish--*/
-
-
-  /*--Index Pages Badge Min Width--*/
+/*--Index Pages Badge Min Width--*/
 .mw-60
 {
     min-width: 60px;
 }
-  /*--Index Pages Badge Min Width Finish--*/
+/*--Index Pages Badge Min Width Finish--*/
+
+
+/*--Quantity Width--*/
+.w-10
+{
+    width: 10%;
+}
+/*--Quantity Width Finish--*/
 
 
 /*--------Responsive--------*/
@@ -862,6 +815,18 @@ table .align-items-center td span.badge
         float: right;
     }
 
+    .dropdown-menu-xs-left
+    {
+        right: auto;
+        left: 0 !important;
+    }
+
+    .dropdown-menu-xs-right
+    {
+        right: 0 !important;
+        left: auto;
+    }
+
     .pagination-xs
     {
         padding-right: 0;
@@ -878,21 +843,6 @@ table .align-items-center td span.badge
     {
         float: none !important;
     }
-
-    .g-sidenav-show .sidenav
-    {
-        display: none !important;
-    }
-
-    .g-sidenav-show.g-sidenav-hidden .sidenav
-    {
-        display: none !important;
-    }
-
-    .g-sidenav-show.g-sidenav-pinned .sidenav
-    {
-        display: block !important;
-    }
 }
 /*--Xs Breakpoint Finish--*/
 
diff --git a/resources/views/auth/permissions/index.blade.php b/resources/views/auth/permissions/index.blade.php
index 20afe0e08..bf8f3c97a 100644
--- a/resources/views/auth/permissions/index.blade.php
+++ b/resources/views/auth/permissions/index.blade.php
@@ -44,7 +44,7 @@
                     @foreach($permissions as $item)
                         <tr class="row align-items-center border-top-1">
                             <td class="col-sm-2 col-md-1 col-lg-1 d-none d-sm-block">{{ Form::bulkActionGroup($item->id, $item->name) }}</td>
-                            <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a class="col-aka" href="{{ route('permissions.edit', $item->id) }}">{{ $item->display_name }}</a></td>
+                            <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4 long-texts"><a class="col-aka" href="{{ route('permissions.edit', $item->id) }}">{{ $item->display_name }}</a></td>
                             <td class="col-xs-4 col-sm-4 col-md-3 col-lg-3 long-texts">{{ $item->name }}</td>
                             <td class="col-md-2 col-lg-3 d-none d-md-block long-texts">{{ $item->description }}</td>
                             <td class="col-xs-4 col-sm-2 col-md-2 col-lg-1 text-center">
diff --git a/resources/views/common/dashboards/show.blade.php b/resources/views/common/dashboards/show.blade.php
index 0ac7e4a4f..122e47e04 100644
--- a/resources/views/common/dashboards/show.blade.php
+++ b/resources/views/common/dashboards/show.blade.php
@@ -10,7 +10,7 @@
                     <i class="fa fa-ellipsis-v"></i>
                 </a>
 
-                <div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
+                <div class="dropdown-menu dropdown-menu-sm-right dropdown-menu-xs-right dropdown-menu-arrow">
                     @permission('create-common-widgets')
                         {!! Form::button(trans('general.title.add', ['type' => trans_choice('general.widgets', 1)]), [
                             'type'    => 'button',
diff --git a/resources/views/modules/api_key/create.blade.php b/resources/views/modules/api_key/create.blade.php
index 36d290697..077b3b99c 100644
--- a/resources/views/modules/api_key/create.blade.php
+++ b/resources/views/modules/api_key/create.blade.php
@@ -15,16 +15,16 @@
 
             <div class="card-body">
                 <div class="row">
-                    {{ Form::textGroup('api_key', trans('modules.api_key'), 'key', ['required' => 'required', 'placeholder' => trans('general.form.enter', ['field' => trans('modules.api_key')])], setting('apps.api_key', null), 'col-md-12') }}
+                    {{ Form::textGroup('api_key', trans('modules.api_key'), 'key', ['required' => 'required', 'placeholder' => trans('general.form.enter', ['field' => trans('modules.api_key')])], setting('apps.api_key', null), 'col-sm-12') }}
 
-                    <div class="col-md-12">
+                    <div class="col-sm-12">
                             <small>{!! trans('modules.get_api_key', ['url' => 'https://akaunting.com/dashboard']) !!}</small>
                     </div>
                 </div>
             </div>
 
             <div class="card-footer">
-                <div class="row float-right">
+                <div class="row save-buttons">
                     {{ Form::saveButtons('apps.home.index') }}
                 </div>
             </div>
diff --git a/resources/views/purchases/bills/create.blade.php b/resources/views/purchases/bills/create.blade.php
index 035ff5b55..b9a630f14 100644
--- a/resources/views/purchases/bills/create.blade.php
+++ b/resources/views/purchases/bills/create.blade.php
@@ -44,7 +44,7 @@
                                         @stack('name_th_end')
 
                                         @stack('quantity_th_start')
-                                            <th class="text-center border-right-0 border-bottom-0">{{ trans('bills.quantity') }}</th>
+                                            <th class="text-center border-right-0 border-bottom-0 w-10">{{ trans('bills.quantity') }}</th>
                                         @stack('quantity_th_end')
 
                                         @stack('price_th_start')
diff --git a/resources/views/purchases/bills/edit.blade.php b/resources/views/purchases/bills/edit.blade.php
index 9bea621a6..56e844f9c 100644
--- a/resources/views/purchases/bills/edit.blade.php
+++ b/resources/views/purchases/bills/edit.blade.php
@@ -45,7 +45,7 @@
                                         @stack('name_th_end')
 
                                         @stack('quantity_th_start')
-                                            <th class="text-center border-right-0 border-bottom-0">{{ trans('bills.quantity') }}</th>
+                                            <th class="text-center border-right-0 border-bottom-0 w-10">{{ trans('bills.quantity') }}</th>
                                         @stack('quantity_th_end')
 
                                         @stack('price_th_start')
diff --git a/resources/views/purchases/bills/item.blade.php b/resources/views/purchases/bills/item.blade.php
index aab4fec40..d4121678b 100644
--- a/resources/views/purchases/bills/item.blade.php
+++ b/resources/views/purchases/bills/item.blade.php
@@ -58,7 +58,7 @@
     @stack('name_td_end')
 
     @stack('quantity_td_start')
-        <td class="border-right-0 border-bottom-0"
+        <td class="border-right-0 border-bottom-0 w-10"
             :class="[{'has-error': form.errors.has('items.' + index + '.quantity') }]">
             @stack('quantity_input_start')
                 <input type="text"
diff --git a/resources/views/sales/invoices/create.blade.php b/resources/views/sales/invoices/create.blade.php
index 11a78069d..cf5fe2f53 100644
--- a/resources/views/sales/invoices/create.blade.php
+++ b/resources/views/sales/invoices/create.blade.php
@@ -44,7 +44,7 @@
                                         @stack('name_th_end')
 
                                         @stack('quantity_th_start')
-                                            <th class="text-center border-right-0 border-bottom-0">{{ trans($text_override['quantity']) }}</th>
+                                            <th class="text-center border-right-0 border-bottom-0 w-10">{{ trans($text_override['quantity']) }}</th>
                                         @stack('quantity_th_end')
 
                                         @stack('price_th_start')
diff --git a/resources/views/sales/invoices/edit.blade.php b/resources/views/sales/invoices/edit.blade.php
index 0a7138a4c..949706b7f 100644
--- a/resources/views/sales/invoices/edit.blade.php
+++ b/resources/views/sales/invoices/edit.blade.php
@@ -45,7 +45,7 @@
                                         @stack('name_th_end')
 
                                         @stack('quantity_th_start')
-                                            <th class="text-center border-right-0 border-bottom-0">{{ trans($text_override['quantity']) }}</th>
+                                            <th class="text-center border-right-0 border-bottom-0 w-10">{{ trans($text_override['quantity']) }}</th>
                                         @stack('quantity_th_end')
 
                                         @stack('price_th_start')
diff --git a/resources/views/sales/invoices/item.blade.php b/resources/views/sales/invoices/item.blade.php
index c9eddbc40..8a25cb83b 100644
--- a/resources/views/sales/invoices/item.blade.php
+++ b/resources/views/sales/invoices/item.blade.php
@@ -58,7 +58,7 @@
     @stack('name_td_end')
 
     @stack('quantity_td_start')
-        <td class="border-right-0 border-bottom-0"
+        <td class="border-right-0 border-bottom-0 w-10"
             :class="[{'has-error': form.errors.has('items.' + index + '.quantity') }]">
             @stack('quantity_input_start')
                 <input type="text"