diff --git a/src/app/+login-page/shibboleth/shibboleth.component.scss b/src/app/+login-page/shibboleth/shibboleth.component.scss
new file mode 100644
index 0000000000..662e00d284
--- /dev/null
+++ b/src/app/+login-page/shibboleth/shibboleth.component.scss
@@ -0,0 +1,5 @@
+/*
+This is a comment*/
+.login-shibboleth {
+
+}
diff --git a/src/app/+login-page/shibboleth/shibboleth.component.ts b/src/app/+login-page/shibboleth/shibboleth.component.ts
index b2a0398128..ae5be125b9 100644
--- a/src/app/+login-page/shibboleth/shibboleth.component.ts
+++ b/src/app/+login-page/shibboleth/shibboleth.component.ts
@@ -6,7 +6,7 @@ import {CoreState} from '../../core/core.reducers';
 @Component({
   selector: 'ds-shibboleth-page',
   templateUrl: './shibboleth.component.html',
-  styleUrls: ['./shibboleth.component.css']
+  styleUrls: ['./shibboleth.component.scss']
 })
 export class ShibbolethComponent implements OnInit {