diff --git a/src/app/demo/view/iconsdemo.component.html b/src/app/demo/view/iconsdemo.component.html
index 731c1fd..26514af 100644
--- a/src/app/demo/view/iconsdemo.component.html
+++ b/src/app/demo/view/iconsdemo.component.html
@@ -45,7 +45,7 @@ npm install primeicons --save
 	<h5>List of Icons</h5>
 	<p>Here is the current list of PrimeIcons, more icons will be added periodically. You may also <a href="https://github.com/primefaces/primeicons/issues">request new icons</a> at the issue tracker.</p>
 	<div>
-		<input class="icon-filter" (input)="onFilter($event)" pInputText placeholder="Search an icon">
+		<input class="icon-filter" (input)="onFilter($event)" pInputText placeholder="Search an icon" class="w-full p-3 mt-3 mb-5 w-full p-3 mt-3 mb-5">
 	</div>
 
 	<div class="grid icons-list text-center">
diff --git a/src/app/demo/view/iconsdemo.component.scss b/src/app/demo/view/iconsdemo.component.scss
deleted file mode 100644
index d5805f6..0000000
--- a/src/app/demo/view/iconsdemo.component.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.icon-filter {
-	width: 100%;
-	padding: 1rem;
-	margin: 1rem 0 1.5rem 0;
-}
-
-.icons-list {
-	text-align: center;
-
-	i {
-		font-size: 1.5rem;
-		color: var(--text-color-secondary);
-		margin-bottom: .5rem;
-	}
-
-	.md-2 {
-		padding-bottom: 2rem;
-	}
-}
diff --git a/src/app/demo/view/iconsdemo.component.ts b/src/app/demo/view/iconsdemo.component.ts
index 341c5a4..02216cb 100644
--- a/src/app/demo/view/iconsdemo.component.ts
+++ b/src/app/demo/view/iconsdemo.component.ts
@@ -3,8 +3,7 @@ import { IconService } from '../service/iconservice';
 
 @Component({
   selector: 'app-iconsdemo',
-  templateUrl: './iconsdemo.component.html',
-  styleUrls: ['./iconsdemo.component.scss']
+  templateUrl: './iconsdemo.component.html'
 })
 export class IconsDemoComponent implements OnInit {