# Fix missing icons in Active Admin’s Bootstrap skin

If you’re experiencing missing icons in the [Active Bootstrap skin](https://github.com/vinhnglx/active_bootstrap_skin) for [Active Admin](https://github.com/activeadmin/activeadmin) in a Ruby on Rails application, then you’re not alone.

Active Bootstrap skin with missed icons

This article applies to the version `[0.1.5](https://rubygems.org/gems/active_bootstrap_skin/versions/0.1.5)` [of the Active Bootstrap skin gem](https://rubygems.org/gems/active_bootstrap_skin/versions/0.1.5).

To fix this issue, open the file `app/assets/stylesheets/active_admin.scss` and modify:

// @import "active\_bootstrap\_skin"; <- remove or comment this line previously in your code  
@import "active\_bootstrap\_skin\_modified";

Then, create a new file `app/assets/stylesheets/active_bootstrap_skin_modified.scss`. Paste the content of the file `active_bootstrap_skin` from the original gem. Here is the link to this file on the gem’s repository: [https://github.com/vinhnglx/active\_bootstrap\_skin/blob/master/app/assets/stylesheets/active\_bootstrap\_skin.scss](https://github.com/vinhnglx/active_bootstrap_skin/blob/master/app/assets/stylesheets/active_bootstrap_skin.scss)

In this file, delete or comment following lines (note: [the completed code is presented here](https://gist.github.com/vchkhr/c469e614668545a2002c8363399c40e3)):

// #main\_content\_wrapper .table\_actions {  
//   @extend .btn-toolbar;  
//   min-width: 117px;  
  
//   > .member\_link {  
//     margin: (-3px) 10px 0 0;  
  
//     &:last-child {  
//       margin-right: 0;  
//     }  
//   }  
// }

// @extend .glyphicon;  
// font-size: 0;  
// text-align: center;  
// padding: 3px 0;  
// width: 28px;  
  
// &:before {  
//   font-size: 14px;  
// }

// .ui-sortable-handle {  
//   @extend .glyphicon-sort;  
//   cursor: all-scroll;  
// }  
  
// .view\_link {  
//   @extend .glyphicon-search;  
// }  
  
// .edit\_link {  
//   @extend .glyphicon-pencil;  
// }  
  
// .delete\_link {  
//   @extend .glyphicon-trash;  
// }

Update the browser tab and you will see that buttons are now too big:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1769077404913/d097f8e4-b12f-47ef-ae87-fbf70589bef9.png)

Buttons are too big

To fix this, add the following lines to the end of the file:

.member\_link, .ui-sortable-handle {  
  padding: 0px 10px;  
}

The result:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1769077406350/0e5cae51-da1a-4c0f-87f8-9b4b31e1741c.png)

Buttons with the proper size and without icons

You can see the [completed file here](https://gist.github.com/vchkhr/c469e614668545a2002c8363399c40e3).