Super-tabs


#1

I am trying to solve why when I am editing the super tabs on the css to be circle the all screen getting small circle and not just the tabs.
How can I change it so the tabs will be like circle buttons?
PLEASE your help.
Thank youu!!
my HTML:

<ion-content>

  <super-tabs tabsPlacement="top" toolbarBackground="secondary"  indicatorColor="light"
  (tabSelect)="onTab($event)">

  <super-tab *ngFor="let page of pages" [root]="page?.pageName" [icon]="page?.icon" [id]="page?.id"></super-tab>

</super-tabs>

my SCSS:

super-tabs{

    cursor: pointer;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 15px; height: 15px;
    margin: auto;
    border-radius: 100%;
    border: 0 double #FFF;
    background: #FFF;
    display: block;
    }